样式 组件scoped vue
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 （1）在 ......
界面控件DevExpress WinForms Gauge组件 - 实现更高级别数据可视化
DevExpress WinForms控件包含了超过150个随时可用的仪表盘预设，包括圆形，数字，线性和状态指示器等，来帮助用户实现更高级的数据可视化。 DevExpress WinForms有180+组件和UI库，能为Windows Forms平台创建具有影响力的业务解决方案。同时能完美构建流畅、 ......
java poi 导出excel 单元格样式
CellStyle cs = wb.createCellStyle(); //设置字体 Font font = wb.createFont(); font.setColor(IndexedColors.BLACK.getIndex()); font.setFontHeightInPoints((sh ......
前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例
先看逻辑 如何切片？如何获取文件唯一hash？与后端交互获取文件上传的状态，用于判断情况，是秒传还是续传？上传切片文件，判断失败文件重新执行？全部上传完成通知后端？ 1、先上全部代码，后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
uView组件库适配微信小程序
1.打开官网 uView 官网 2.在HbuilderX中集成插件sass，并新建项目。 3.补充小程序id等信息后进行编译。 4.根据官网 下载-安装方式提示进行操作 5.在HbuilderX中的工具 → 插件安装 → 插件市场安装 将uView集成到你的小程序项目中去。（如果搜索不到可以直接点击 ......
Vue - 对数组进行分页，结合 el-pagination 组件
分页函数 file:[pager.ts] /** * 分页 * * @param list 数组 * @param currPage 当前页 * @param pageSize 一页数量 * @returns */ export function paginate(list: Ref<any[]>, ......
非受控组件的一些点
react不是万能的，做的越多万万不能 react中非受控组件的一些点 1、既然非受控，就要受控，完全控制，能画就能删，能赋值就能清空，能建立就能销毁，手动伴随着生命周期 2、哪些是非受控的场景 1、setinterval、settimeout 2、redux里面的数据缓存 3、refs引用的组件， ......
序列化组件对数据的增删改查
序列化组件对数据的增删改查 1 写一个序列化的类，继承Serializer 2 在类中写要反序列化的字段，想反序列化哪个字段，就在类中写哪个字段，字段的属性（max_lenth......） max_length 最大长度 min_lenght 最小长度 allow_blank 是否允许为空 tri ......
CSS样式之基础选择器
CSS样式 css样式的作用是改变标签的内容 如何选中标签的内容？ 方法是使用选择器来实现 ①标签选择器 ②类选择器 ③id选择器 ④通配符选择器 标签选择器 语法： 标签{ 属性：值; 属性：值；......... 属性：值； } 举个例子： 1 <!DOCTYPE html> 2 <html l ......
App开发：Vue Native vs React Native
随着移动应用开发框架数量的增加，2018年Vue Native的引入让开发者有能力使用Vue.js代码来创建React Native移动应用。 因为 Vue Native 围绕 React Native 包装了 Vue.js 语法，所以框架非常相似。例如，两者都是跨平台框架，这意味着相同的代码库可以 ......
快速解决element中el-dialog弹框组件垂直居中问题的方法
快速解决element中el-dialog弹框组件垂直居中问题的方法：https://blog.csdn.net/Shids_/article/details/120728973 ::v-deep .el-dialog{ display: flex; flex-direction: column; ......
关于 vue 虚拟dom 的渲染机制的一些思考
1. 虚拟dom 的渲染过程 2. vue3中 nexttick 的作用 1.虚拟dom 的渲染机制 我们在template中写的 div 和 其他的标签。不会被vue 当作是最终 渲染的dom, vue会将我们写入的标签 转化为 对象，通过diff算法，将其构造成一个虚拟树 每个树 都有一个 对应 ......
【HarmonyOS】低代码平台组件拖拽使用技巧之网格布局
【关键字】 HarmonyOS、低代码平台、组件拖拽、网格布局 1、写在前面 前面分享了在低代码平台上使用堆叠容器和滚动容器的组件拖拽使用技巧，本篇我们继续来学习其它组件的使用，今天为大家介绍的是网格布局的使用，需要注意的是，网格布局内部子容器需要使用网格布局内容项，这二者是相互搭配使用的，关于 ......
Vue实现大文件分片上传、断点续传
前言实现大文件分片上传的断点续传以及上传进度条是一个在前端开发中常见且具有挑战性的问题。本篇博客将介绍如何使用Vue框架来实现这个功能，并给出代码示例。 概述大文件分片上传指的是将一个大文件切割成多个小文件（或称为分片），然后依次上传这些小文件，最后在服务器端将这些小文件合并为原始的大文件。断点续传 ......
vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️
1. 图片转base64格式方法 （主要的代码）（其实用的还是FileReader） handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file. ......
Vue2 基础入门
1 Vue 1.2 第一个Vue实例（Hello Vue） 1.3 插值表达式 { 作用： 利用表达式进行插值，渲染到页面中 表达式：是可以被求值的代码，JS引擎会讲其计算出一个结果 以下的情况都是表达式： money + 100 money - 100 money * 10 money / 10 ......
Vue大文件切片上传 断点续传
一、中等文件上传解决方案-nginx放行在我们工作中，上传功能最常见的就是excel的上传功能，一般来说，一个excel的大小在10MB以内吧，如果有好几十MB的excel，就勉强算是中等文件吧，此时，我们需要设置nginx的client_max_body_size值，将其放开，只不过一次上传一个几 ......
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
微信小程序中子父组件相互传值
父传子: 父组件向子组件传递数据可以通过在子组件标签上绑定属性进行 1.在父组件的wxml文件中使用子组件，并为其绑定一个自定义属性,其中custom-data是自定义的属性名，dataFromParent是父组件中的数据 <!--父组件wxml--> <child-component custom ......
使用 scriptable 实现每日诗词小组件
什么是 scriptable scriptable可以让我们用 js 就可以创建出 ios 中的桌面小组件，而不需要掌握 ios 开发。由于最近深感自己文化水平低，所以想借助 scriptable实现一个每日诗词小组件，这样可以提高一下自己的文化水平。 效果 代码 scriptable支持多种 ap ......
FreeRTOS上移植RT-thread的at组件
因为一开始用的是FreeRTOS，因此，项目中的RTOS也是FreeRTOS，但是在项目开发过程中，发现需要解析AT指令集， 因此来移植一波RT-thread的软件包。下次就用RT-thread了，纯纯浪费时间移植。 首先捋清大概思路。 1. 串口接收中断被外界消息输入触发，中断在回调函数中将消息内 ......
界面控件DevExpress WPF Gauge组件 - 轻松实现个性化商业仪表盘
DevExpress WPF Gauge（仪表）控件包含了多种圆形仪表类型、水平和垂直线性仪表、分段和矩阵数字仪表以及状态指示器，同时还具有最终用户交互性的集成支持。 P.S：DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpr ......
分页组件
myproject/app01/utils/pagination.py """ 自定义分页组件 以后如果想要使用这个分页组件，需要做： 在视图函数中： from app01.utils.pagination import Pagination def prettynum_list(request): ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令，根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......
Qt中设置设置控件样式 — setStyleSheet
通过 setStyleSheet 来设置控件的 Style 样式 控件样式的常用设置项： 1、border：设置控件的边框样式 // 1. 无边框 QString borderNone = "border:none"; // 2. 设置边框的值需要有3个因子： 宽度，线形，颜色 QString bo ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖拽、调整大小） 拖拽和调整大小时进行边界检查 ......
安卓2024开发-基础UI组件
基础部份 StateListDrawable 安卓开发中，如果要做一个按扭按下改变背景，或获取焦点改变背景，最简单的方法是利用将背景指向一个资源，然后果在资源中配置事件，总共分为三步， 1）新建一个按扭，并让这个按扭的背景指向一个xml文件 <Button android:layout_width= ......