上下 跑马灯 前端 组件
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
当创建statefulset资源后，k8s组件如何协作
StatefulSet工作负载之间使用Headless Service来定义Pod网路标识，生成可解析的DNS域名名称记录，用于同一StatefulSet工作负载彼此Pod之间的通信。 ......
20 个最佳 Tailwind CSS 组件库
Tailwind 是一个实用程序优先的 CSS 框架，提供了一整套预先设计的样式和组件，使您可以轻松创建令人惊叹的 UI，而无需自定义 CSS。 然而，即使拥有 Tailwind 大量的预先设计的样式，从头开始构建网站或应用程序仍然是一项艰巨的任务。这就是 Tailwind 组件库派上用场的地方。在 ......
el-collapse 组件回车键会触发显隐,如何去掉回车出发显隐
el-collapse 组件回车键会触发显隐(第一次手动触发后) 因为change方法原因 可以把事件放到title插槽上面 <template> <div class="coordination-communication"> <el-collapse v-model="activeNames" ......
ACPM高效C++组件管理让音视频终端SDK性能更好、稳定性更高
本专栏将分享阿里云视频云MediaBox系列技术文章，深度剖析音视频开发利器的技术架构、技术性能、开发能效和最佳实践，一起开启音视频的开发之旅。本文为MediaBox技术架构篇，重点从 ACPM介绍、技术架构以及高效管理等方面，介绍如何通过MediaBox ACPM的高效组件管理，来提升音视频终端S ......
界面控件DevExpress中文教程 - 如何用Office File API组件填充PDF表单
DevExpress Office File API是一个专为C#, VB.NET 和 ASP.NET等开发人员提供的非可视化.NET库。有了这个库，不用安装Microsoft Office，就可以完全自动处理Excel、Word等文档。开发人员使用一个非常易于操作的API就可以生成XLS, XLS ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
OpenTiny Vue 3.12.0 发布：文档大优化！增加水印和二维码两个新组件
TinyVue 3.12.0 主要更新：全面优化 54 个高频组件的 Demo / API 文档，让文档更加清晰易懂、符合预期；Watermark 水印组件；QrCode 二维码组件。 ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
antd Pro组件ProFormList实现自定义action
antd Pro组件ProFormList实现自定义action ProFormList是ant design pro的结构化数据组件，通常用来实现动态表单。 现在有个需求，除了组件自带的删除和复制，还需要增加两个按钮来实现每个item位置的上下移动，如图所示： 查看官方文档，组件有提供自定义act ......
隐藏组件，但保留 ref
需求 背景 已知：二次封装 el-upload 为 Import 导入组件，点击 A 或 B，都弹出文件选择框。显示如下图所示： 父组件： 模板代码 <el-col :span="1.5" class="import-btn"> <import ref="importRef" :file-label ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
vue中孙子调用爷爷组件的方法怎么调用?
使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件（爷爷组件）提供数据， 而inject允许子孙组件（孙子组件）在任意层级注入这个数据。 通过这种方式，你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子： // 在爷爷组件中提供方法 ex ......
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
isolation独立层叠上下文用例
1. 图片显示在文字下方，背景上方 只需要在容器加上 .card { position: relative; isolation: isolate; } 详细可参考 [译]你需要知道的CSS属性isolation，原文 The CSS property you didn't know you nee ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......
2023最新中级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法？ async/await是ES2017引入的新特性，用于实现异步编程的同步化操作。 async表示函数是一个异步函数，它总是返回一个Promise对象；await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构？ HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术，它们分别负责页面结构、表现形式和交互行为。 HTML（Hyper Text Marku ......
STM32跑马灯实验（寄存器版本及位操作版本）
这俩版本和库函数版本思想一致，都是先使能，再初始化，再配置IO口。 寄存器版本 相比于库函数，寄存器操作更加趋于底层，更抽象。 优点:更加底层，对理解寄存器工作方式及后续学习都有帮助。 缺点：复杂且抽象，用的较少。 思想：因为寄存器都是有固定位数的，且每位都是能执行特定功能的，所以我们改变某些位的值 ......
开发者的福音：TinyVue 组件库文档大优化！类型更详细，描述更清晰！
你好，我是 Kagol。 前言 从今年2月份开源以来，有不少朋友给我们 TinyVue 组件库提了文档优化的建议，这些建议都非常中肯，我们也在持续对文档进行优化，并且从中总结出了大家对于文档优化的一些共性问题，形成了一份 《组件 demo 和 api 文档编写规范》 为了提升开发者阅读文档的体验，从 ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
forms组件介绍
1 注册功能，登录功能，前端需要校验（字段长度，邮箱是否合法。。。）2 前端校验可以没有，后端校验是必须的，使用传统方式 if判断写的很多3 借助于forms组件，可以快速实现字段的校验 from django.forms import Form 注意： #form=myforms.MyForm(d ......
vant组件一个文本框添加多项校验
下图为用户密码校验表单，需要对密码是否为空，密码长度，以及密码强度进行校验。 但是 “密码格式不正确！”这个校验信息并不是我想要的，我想在isPassWordStrength方法中区分开密码长度提示和密码强度提示，方便用户知道具体是什么问题导致校验不通过。 <van-field required v ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
分页组件
分页组件 1 2.分页组件 2 -Django内置分页 3 -Paginator, Page 4 -页面：调用时用include，避免重复代码 5 -扩展Django的内置分页 6 -class CustomPaginator(Paginator) 7 8 传入： 9 -所有数据 10 -当前页 1 ......
Form组件
1Django的Form主要具有一下几大功能： 生成HTML标签 验证用户数据（显示错误信息） HTML Form提交保留上次提交数据 初始化页面显示内容 -对用户请求的验证 2 -Ajax 3 -Form 4 -生成HTML代码（保留上次输入内容） 5 6 a.创建一个类 7 b.类中创建字段（包 ......
React 组件通信方式
人生的游戏不在于拿了一副好牌，而在于怎样去打好坏牌，世上没有常胜将军，勇于超越自我者才能得到最后的奖杯。 1. 父子组件通信方式 1.1 父组件传递到子组件 直接通过属性进行传递，数据的传递可以提高组件的复用性。 1.2 子组件传递到父组件 通过回调函数（callback）来实现。 ref 标记：父 ......
dom断点可定位react组件值修改
react组件的值修改，也可以使用dom断点来定位。 之前一直误区，认为react组件的修改，不能用dom断点来拦截，实际上在涉及到修改具体原生组件属性的时候，也可定位。 例如： react组件内部使用了input组件，react组件值变化导致input的value发生改变，使用dom断点就可定位。 ......