- 博客(6)
- 收藏
- 关注
原创 v-model双向绑定-解决编辑弹框修改数据后页面数据跟着改变的问题
1.发生场景:在vue的项目中,经常会遇到表格弹框的使用,点击编辑按钮时候把当前行的数据赋值给弹框内并渲染弹框数据。使用v-model弹框数据改变发现页面数据也跟着改变了,而在实际工作当中,当点击弹框的保存按钮,表格数据才要更新。2.原因:编辑的数据是obj类型,赋值操作的时候把地址给共同绑定了。3.解决方法:利用js提供的Object.assign()对象方法Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。this.edi.
2021-10-14 16:56:32
1386
原创 vue和react的diff算法的区别
diff算法:对dom进行different比较不同的一种算法(虚拟)共同点:vue和diff算法,都是不进行跨层级比较,只做同级比较不同点:1.vue进行diff时,调用patch打补丁函数,一边比较一边给真实的dom打补丁,vue对比节点时,当节点元素类型相同,类名不同时,认为是不同的元素,删除重新创建,而react认为是同类型的节点,进行修改操作 2.vue列表对比的时候,采用从两端到中间的方式,旧集合和新集合两端各存在两个指针,两两进行比较,每次对比结束...
2021-09-10 16:18:16
2825
原创 箭头函数与普通函数的区别
1.箭头函数是匿名函数,简化了函数定义,是不能够作为构造函数使用的,不能使用new2.箭头函数没有arguments,取而代之用rest参数...获取3.箭头函数没有自己的this,他会捕获其上下环境的this值,作为自己的this值4.箭头函数没有原型属性,即没有prototype...
2021-09-10 14:46:30
125
原创 js区分数组和对象的方法
1、方法一:instanceof(用来检测一个变量是否是某个对象的实例)target instanceof Array 如果返回true,则证明arr是数组2、方法二:Object.prototype.toString.call(target)如果返回[object Array],则target是数组如果返回[object Object],则target是对象...
2021-09-10 14:31:19
568
原创 HTML5新特性
h5的新特性 新增了 canvas,video,audio,nav,section,footer,header等元素。 表单控件,calendar、date、time、email、url、search 存储技术:localStorage,sessionStorage等 新的技术:webworker, websocket, Geolocation css3的新属性 es6的新增特性 ...
2021-08-31 15:40:40
69
原创 vscode Gitlens插件 查看代码提交
在前端开发过程中,使用vsCode编辑器,查看代码提交记录,对比历史版本,十分方便的小插件,附图:安装完成后,重启vsCode,接下来一起来看效果:1、鼠标点击某一行代码,会显示修改者的信息和时间,简直不要太方便。2、点击编辑器顶部的按钮 ,可以方便我们对比历史版本代码的改变,查看代码的提交注释。遇到有问题的代码,再也不用背锅了,直接找到“肇事者“。^-^...
2021-08-31 11:56:23
5459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人