前端开发工具
文章平均质量分 50
进行前端项目开发时使用的编辑软件;如Vscode
wen_文文
每天进步一点点
展开
-
diff算法浅析
本文主要对最近学习的diff算法做个总结,会对node节点存在key时的diff算法和节点key不存在时的diff算法进行浅析,节点key存在时的最大索引法,双端比较法,最长递增子序列法进行逐一学习;会结合部分源码函数进行代码分析和执行分析;1. 节点没有key值时所采用的算法;Vue3中在节点没有key的情况下采用的算法;1.1 遍历新旧节点数组中长度较小的节点数组,应用patch函数进行更新;1.2 对比新旧节点数组的长度,如果newNodeChild.length > oldNode.原创 2022-02-18 14:25:38 · 678 阅读 · 0 评论 -
在Vue项目中使用debugger后,项目启动报错:error Unexpected ‘debugger‘ statement no-debugger
解决方案: 1. 在项目根目录下添加.eslintrc.js文件并配置其中的rules, 2. 重启项目即可;.eslintrc.js文件的rules中的内容如下:module.exports = { root: true, env: { node: true }, rules: { /* 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off'...原创 2021-04-22 15:42:54 · 2413 阅读 · 0 评论 -
Element-UI中根据某个固定字段合并对应的表格行,
因实际业务需求,此处根据purchaseNo字段进行表格行合并;a. 先根据purchaseNo字段将表格数据排序,purchaseNo相同的数据排在一起b. 在表格上添加合并行列的方法;:span-method="arraySpanMethod"官方说明:( 通过给table传入span-method方法可以实现合并行或列,方法的参数是一个对象,里面包含当前行row、当前列column、当前行号rowIndex、当前列号columnIndex四个属性。该函数可以返回一个包含两个元素的数组,第一原创 2021-03-19 11:18:24 · 1169 阅读 · 0 评论