09 2022 档案
摘要：Object.defineProperty 劫持数据 只是对对象的属性进行劫持 无法监听新增属性和删除属性，需要使用 vue.set, vue.delete 深层对象的劫持需要一次性递归 1 var obj = { 2 a: 1, 3 o: { 4 b: 2, 5 o1: {} 6 } 7 } 劫持
阅读全文
摘要：一、定时器分批渲染 既然一次渲染10万条数据会造成页面加载速度缓慢，那么我们可以不要一次性渲染这么多数据，而是分批次渲染， 比如一次10000条，分10次来完成， 这样或许会对页面的渲染速度有提升。 然而，如果这13次操作在同一个代码执行流程中运行，那似乎不但无法解决糟糕的页面卡顿问题，反而会将代码
阅读全文
摘要：proxy是es6的语法，Proxy可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过 滤和改写。Proxy这个词的原意是代理，用在这里表示由它来“代理”某些操作，可以译为“代理器”。 写一个get的代理方法： 1 var
阅读全文
摘要：form.vue 1 <!-- 动态增减表单 --> 2 3 <template> 4 <div class="spp-user-body spp-theme-body spp-theme-pad"> 5 <!-- 列表 --> 6 <div class="spp-table-group spp-t
阅读全文
摘要：element表格树形结构加勾选按钮，点击某行数据的勾选框，如果他有children那么子数据的勾选状态会变成当前勾选的状态，如果当行有父数据那么他全部的父数据都要计算下子数据是否都勾选了 index.vue 1 <template> 2 <el-table 3 border 4 :data="Co
阅读全文
摘要：vue通信手段有很多种,props/emit、vuex、event bus、provide/inject等,还有一种通信方式,那就是$attrs和$listeners,下面这篇文章主要给大家介绍了关于Vue封装组件利器之$attrs、$listeners使用的相关资料,需要的朋友可以参考下 前言 多
阅读全文
摘要：什么是函数式组件？ 我们可以把函数式组件想象成组件里的一个函数，入参是渲染上下文（render context），返回值是渲染好的HTML 对于函数式组件，可以这样定义： Stateless(无状态)：组件自身是没有状态的 Instanceless(无实例)：组件自身没有实例，也就没有this 由于
阅读全文
