- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue2中Object.defineProperty和vue3中Proxy区别
Proxy的优势如下Proxy可以直接监听整个对象而非属性。 Proxy可以直接监听数组的变化。 Proxy有13中拦截方法，如ownKeys、deleteProperty、has等是Object.defineProperty不具备的。 Proxy返回的是一个新对象，我们可以只操作新的对象达到目的，而Object.defineProperty只能遍历对象属性直接修改; Proxy做为新标准将受到浏览器产商重点持续的性能优化,也就是传说中的新标准的性能红利。Object.definePro...
2022-04-25 16:03:07
691
原创 vue的双向绑定原理
Vue双向绑定原理？在 Vue 2.x 中，利⽤的是 Object.defineProperty 去劫持对象的访问器（Getter、Setter），当对象属性值发⽣变化时可获取变化，然后根据变化来作后续响应；(一个一个的劫持)Vue2 不能检测以下数组的变动：vue深入原理在 Vue 3.0 中，则是通过 Proxy （ES6引入）代理对象进⾏类似的操作。劫持的是整个对象, 只要对象中的属性变化了, 都能劫持到Object.defineProperty和Proxy的对比Pro
2022-04-06 23:10:36
143
原创 react中根据文本字数来显示省略号
render: (title) => { // 直接定义一个函数,判断文本字符是否大于传入的数 const truncate = (str, maxlength) => { return str.length > maxlength ? str.slice(0, maxlength - 1) + '...' : str } return <>{truncate(title, 10)}</>.
2022-03-27 23:54:33
1492
原创 vue中如何自定义检验表单
//在data中定义表单数据regRulesForm:{ //使用validator,value是要检验的数据,cb是校验的回调 Password:[ { validator: (rule, value, cb) => (value === this.regForm.password ? cb() : cb(new Error('两次密码不一致'))), .
2022-03-17 21:43:34
265
原创 深拷贝实现的方法
<script> const obj ={ name: '小明', age: 18, hobby: ['吃饭','睡觉'], info :{ address: '北京', area: '朝阳', }, show() { console.log(123) } } const str = JSON.stringify(obj) const result = JSON.par.
2022-03-17 20:42:57
449
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人