从React官方网站看测试概览。提到了两个比较重要的工具，一个是Jest、一个是React测试库。 Jest是一个JavaScript测试运行器。它允许你使用jsdom操作DOM。尽管jsdom只是对浏览器工作表现的一个近似模拟，对测试React组件来说它通常也已经够用了。 R…

React 中没有 keepalive 怎么办？遇到这样的需求难道我们就不做了吗？今天我们从原理到实践，从零到一，在React 中实现 Vue 中的 keepalive 功能！

1. 事件模型 JavaScript事件实现网页与用户之间交互，在各式各样的浏览器中，JavaScript事件模型主要分为3种：原始事件模型（DOM0）、DOM2事件模型、IE事件模型。 优点：所有浏览器都兼容。 缺点：逻辑与显示没有分离；相同事件的监听函数只能绑定一个，后绑定…

随着JavaScript的发展，JavaScript的Object构造函数也增加了许多方法（自身方法和原型链方法。有必要全面了解一下。本文基本涵盖了下Object所有的属性和方法介绍。如果有遗漏，还请指出。 首先需要介绍一下JavaScript对象的属性描述符和对象属性的可枚举…

今天先到这边 明天看下 把close 关闭的流程梳理下 。。。

今天来搞一搞tree树组件啊朋友们感觉这个还是有点复杂代码有点多OK不用着急先来分析一波最简单的示例渲染流程示例代码tree组件会对你传进去的数据做一层处理变成好用的数据结构tree.vueOK朋友们

这篇文章主要介绍了vue中的ref和refs的使用，文中通过示例代码介绍的非常详细。 ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。 2、ref 加在子组件上，用this.re…

说明：以下基于elementUI@2.13.1。 1. dom结构层次，render、slot和普通方式 2. TreeStore Class：内部通过Node Class维护了一份树形结构 在下一节中我们会了解到，当设置了lazy懒加载，那么就不会遍历子节点数据进行初始化，所…

elementUI 里的 tree 组件在数据量为 1k+ 的的时候卡顿。 没有找到基于 vue 的海量(20w+) tree 插件。 1. 为啥卡顿。 elementUI 递归实现 tree，dom 量大。 海量的 data 会被依赖收集，内存开销大，会卡顿，甚至提示内存不足…