笔记和组合中的思考

一个列表  只做增量操作

function diffAndConvert(arr1, arr2) {     //将arr2同步成arr1,并且对arr2扩展     arr2.forEach((v, i) => {         var flag1 = false;         arr1.forEach(v1 => {             if (v.id == v1.id) {                 flag1 = true;             }         });         if (flag1 == false && arr2.length != 0) {             arr2.splice(i, 1);         }     });     arr1.forEach(v => {         var flag = false;         arr2.forEach(v1 => {             if (v1.id == v.id) {                 for(let items in v){                     if(items!=='dataList'){                         v1[items] = v[items];                     }                    }                 flag = true;             }         });         if (flag == false) {             arr2.push(v);             if(!v.dataList){                 active=v;             }         }     });     arr1.forEach(v => {         arr2.forEach(v1 => {             if (v1.id == v.id) {                 if (v.dataList && v.dataList.length != 0) {                     diffAndConvert(v.dataList, v1.dataList);                 }             }         });     }); }

//此处可以优化  先做递归删除  后边添加和修改的部分可以用loadash的merge  为了保证原数组的状态  可以只在初始化的时候加入状态 以后合并就不会影响其状态 //进一步优化数据量大的时候每次新增或者修改记录父级id  之后只遍历该父级就可

 

笔记的深度监听方式和组合的_equal方式哪个更好(可以优化吗 容易出问题  因为深度watch性能不好  而且多次频繁变化不容易掌控)和组合的每次点击对比哪个好 拖拽移动    和可拖拽式布局

笔记滚动鼠标实现文字放大缩小  监听滚动事件  用zoom来实现