SF
原创小文章
原创小文章
注册登录
关注博客
注册登录
主页
关于
RSS
纯js、v-for、vue函数式组件、vue普通组件性能对比
momo707577045
2023-07-10
阅读 4 分钟
1.1k
先说结论dom 节点数量对内存影响没想象中大,js 变量才是内存占用的元凶内存占用及运行性能对比:原生 js < v-for div ≈ v-for 函数式组件 < v-for 普通组件去虚拟 dom 化框架正在崛起,成为一种新的选择dom 节点数量对内存影响没想象中大(十万 div 仅占用 400mb)测试示例生成 100,000(十万)个 div,内存占用...
一劳永逸的点击约束解决方案
momo707577045
2021-04-15
阅读 22 分钟
6.9k
常规解决方案:为每个按钮,定义一个变量记录其点击状态,通过变量控制按钮的可点击状态。如 element 库中的<el-button type="primary" :loading="true">加载中</el-button>。通过 loading 变量控制。
这可能是vue中eslintrc.js最详细的介绍了
momo707577045
2018-12-20
阅读 15 分钟
12.2k
本文是对vue项目中自带文件eslintrc.js的内容解析, 介绍了各个eslint配置项的作用,以及为什么这样设置。 比较详细,看完能对eslint有较为全面的了解,基本解除对该文件的疑惑。 {代码...}
「bug信息收集系统」进阶及源码解析
momo707577045
2018-12-05
阅读 7 分钟
2.8k
内容简介 上一章我们介绍了「bug信息收集系统」的搭建和基本使用,本章将介绍它的高级用法,并对源码进行解析。主要分为以下三个部分: 数据安全问题,如何保证上报数据的安全性? front-tool的扩展功能 front-tool的源码解析 由于「前端报错信息收集」功能还在开发中,这里暂不作介绍 数据安全问题(leanCould中的权限...
前端修bug神器「bug信息收集系统」搭建图解
momo707577045
2018-12-05
阅读 5 分钟
8.5k
一个项目从开发到上线,必将测试过程。在中小型公司中,程序的测试改bug过程几乎由全手工完成。一般需要经过这几个阶段: 测试发现Bug,并向开发反馈
通俗易懂Vuex源码导读1-Vuex的安装
momo707577045
2018-10-15
阅读 3 分钟
2.6k
Vuex 的安装流程,Vue.use(Vuex) index.js Vue安装插件,通过Vue.use函数执行,该函数会调用插件暴露出来的「install」方法,并将 Vue类 传递进来。 首先,我们找到 Vuex 的源码文件 index.js 可以看见,Vuex确实导出了install函数 install 方法引用于store.js文件 store.js 在文件最底部,我们找到 install 函数,里面...
通俗易懂Vuex源码导读0-全局介绍
momo707577045
2018-10-15
阅读 4 分钟
2.9k
本系列文章目的 真正的代码解析 网上有很多关于「vuex源码解析」的文章。但可能笔者水平有限,总觉得这些文章不太直观。 部分文章只是在按顺序逐个js文件进行介绍,并没有根据程序的运行逻辑介绍,也没有与官方文档进行对应。 只有当真正理解了源码以后才恍然大悟,哦!原来文章是这个意思。 但这时文章已经失去了帮助理...
vue 圆形进度条组件解析
momo707577045
2018-10-04
阅读 3 分钟
19.8k
项目简介 本组件是vue下的圆形进度条动画组件 自由可定制,几乎全部参数均可设置 源码简单清晰 面向人群 急于使用vue圆形进度条动画组件的同学。直接下载文件,拷贝代码即可运行。 喜欢看源码,希望了解组件背后原理的同学。刚接触前端的同学也可以通过本文章养成看源码的习惯。打破对源码的恐惧,相信自己,其实看源码...
vue-avatar-tailor,vue头像裁剪组件
momo707577045
2018-10-03
阅读 8 分钟
11.6k
项目简介 本组件是vue下的头像裁剪组件,可以直接拷贝代码使用,无需安装依赖 使用九宫格进行裁剪,自由选择裁剪区域。 实时预览裁剪后效果。 可以将裁剪好的图片,导出为封装好的file文件,直接上传到服务器。 导出图片链接,可以导出为图片链接,直接使用裁剪后的效果。 实现原理简单,纯CSS技术处理图片,几乎不需要...
vue-sticky组件详解
momo707577045
2018-10-03
阅读 8 分钟
21.1k
sticky简介 sticky的本意是粘的,粘性的,使用其进行的布局被称为粘性布局。 sticky是position属性新推出的值,属于CSS3的新特性,常用与实现吸附效果。 设置了sticky布局的元素,在视图窗口时,与静态布局的表现一致。 但当该元素的位置移出设置的视图范围时,其定位效果将变成fixed,并根据设置的left、top等作为其定...
webpack选择性编译DefinePlugin(打包自动剔除测试数据)
momo707577045
2017-10-12
阅读 5 分钟
21.3k
程序在开发的过程中,少不了打印调试用的日志,测试流程时伪造的数据。这些代码是不能出现在生产环境上的。这意味着在程序打包前,需要把相关代码剔除掉。这些事情用人手去做很麻烦,很容易疏漏。而且打包出来测试时遇到了bug,又得重新把测试代码添加回去。重复整个繁琐的过程。