前端自动化构建工具 ---- Plop
plop:可以通过命令行去生成、处理文件模板代码等.使用条件参考：项目的每个模块的结构骨架都非常相似，引入模版内容相同就可以使用Plop来实现自动化了，Plop旨在根据模板文件自动化创建组件。受制于Vue语法限制以及vscode失败的拆件，采用了plop 自动化构建模版安装plop安装到项目npm install --save-dev plop全局安装plop（可选，建议安装方便使用）npm in
css回流重绘
回流回流又名重排，指几何属性需改变的渲染。但感觉回流这个词比较高大上，后续统称回流吧。可理解成，将整个网页填白，对内容重新渲染一次。只不过以人眼的感官速度去看浏览器回流是不会有任何变化的，若你拥有闪电侠的感官速度去看浏览器回流(实质是将时间调慢)，就会发现每次回流都会将页面清空，再从左上角第一个像素点从左到右从上到下这样一点一点渲染，直至右下角最后一个像素点。每次回流都会呈现该过程，只是感受不到而
vue3使用reactive包裹数组如何正确赋值
需求：将接口请求到的列表数据赋值给响应数据arrconst arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方
px rem em vh vw之间的区别到底是啥？
绝对长度pxpx是像素值，是一个固定的长度，比如我们的米，厘米一样。相对长度为什么我们需要相对长度rem em等？🤔固定长度已经不能满足我们现在的需求了。🌰举例：比如我们在缩小我们屏幕的时候，我们不仅仅是需要缩小我们的盒子的宽高，我们还想要让我们字体大小也随之缩小，这样用户体验会更好一点。remrem 与 px 的计算关系rem的值是px的倍数默认情况下font-size = 16px,那么1re
手把手教你使用Electron9+vue3开发跨平台桌面应用
Electron 是一个基于 chromium 和 nodejs，可以使用 HTML、CSS、和 JavaScript 构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。虽然 B/S 是膜前开发 ad 主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用在无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，加上 web 开发成本低