先说结论dom 节点数量对内存影响没想象中大，js 变量才是内存占用的元凶内存占用及运行性能对比：原生 js < v-for div ≈ v-for 函数式组件 < v-for 普通组件去虚拟 dom 化框架正在崛起，成为一种新的选择dom 节点数量对内存影响没想象中大（十万 div 仅占用 400mb）测试示例生成 100,000（十万）个 div，内存占用...

常规解决方案：为每个按钮，定义一个变量记录其点击状态，通过变量控制按钮的可点击状态。如 element 库中的<el-button type="primary" :loading="true">加载中</el-button>。通过 loading 变量控制。

本文是对vue项目中自带文件eslintrc.js的内容解析， 介绍了各个eslint配置项的作用，以及为什么这样设置。 比较详细，看完能对eslint有较为全面的了解，基本解除对该文件的疑惑。 {代码...}

内容简介 上一章我们介绍了「bug信息收集系统」的搭建和基本使用，本章将介绍它的高级用法，并对源码进行解析。主要分为以下三个部分： 数据安全问题，如何保证上报数据的安全性？ front-tool的扩展功能 front-tool的源码解析 由于「前端报错信息收集」功能还在开发中，这里暂不作介绍 数据安全问题（leanCould中的权限...

一个项目从开发到上线，必将测试过程。在中小型公司中，程序的测试改bug过程几乎由全手工完成。一般需要经过这几个阶段： 测试发现Bug，并向开发反馈

Vuex 的安装流程，Vue.use(Vuex) index.js Vue安装插件，通过Vue.use函数执行，该函数会调用插件暴露出来的「install」方法，并将 Vue类 传递进来。 首先，我们找到 Vuex 的源码文件 index.js 可以看见，Vuex确实导出了install函数 install 方法引用于store.js文件 store.js 在文件最底部，我们找到 install 函数，里面...

本系列文章目的 真正的代码解析 网上有很多关于「vuex源码解析」的文章。但可能笔者水平有限，总觉得这些文章不太直观。 部分文章只是在按顺序逐个js文件进行介绍，并没有根据程序的运行逻辑介绍，也没有与官方文档进行对应。 只有当真正理解了源码以后才恍然大悟，哦！原来文章是这个意思。 但这时文章已经失去了帮助理...

项目简介 本组件是vue下的圆形进度条动画组件 自由可定制，几乎全部参数均可设置 源码简单清晰 面向人群 急于使用vue圆形进度条动画组件的同学。直接下载文件，拷贝代码即可运行。 喜欢看源码，希望了解组件背后原理的同学。刚接触前端的同学也可以通过本文章养成看源码的习惯。打破对源码的恐惧，相信自己，其实看源码...

项目简介 本组件是vue下的头像裁剪组件，可以直接拷贝代码使用，无需安装依赖 使用九宫格进行裁剪，自由选择裁剪区域。 实时预览裁剪后效果。 可以将裁剪好的图片，导出为封装好的file文件，直接上传到服务器。 导出图片链接，可以导出为图片链接，直接使用裁剪后的效果。 实现原理简单，纯CSS技术处理图片，几乎不需要...

sticky简介 sticky的本意是粘的，粘性的，使用其进行的布局被称为粘性布局。 sticky是position属性新推出的值，属于CSS3的新特性，常用与实现吸附效果。 设置了sticky布局的元素，在视图窗口时，与静态布局的表现一致。 但当该元素的位置移出设置的视图范围时，其定位效果将变成fixed，并根据设置的left、top等作为其定...

程序在开发的过程中，少不了打印调试用的日志，测试流程时伪造的数据。这些代码是不能出现在生产环境上的。这意味着在程序打包前，需要把相关代码剔除掉。这些事情用人手去做很麻烦，很容易疏漏。而且打包出来测试时遇到了bug，又得重新把测试代码添加回去。重复整个繁琐的过程。