摘要：
React Hooks原理 React Hooks 简介 React Hooks 是 React 16.8 以及之后版本的产物，React Hooks 就是一堆钩子函数，不同的钩子函数提供了不同的功能，React 通过这些钩子函数对函数型组件进行增强。Hooks 允许你在不编写 class 的情况下 阅读全文
摘要：
JavaScript实现一个红绿灯程序 这个题算是一个比较经典的面试题了，代码实现也很简单，下面我们就来看看是怎样实现的 setTimeout 版本 setTimeout 是 JavaScript 中的炸弹定时器，setTimeout 执行完就会立即被回收，那么我们就可以利用这个特点，在回收之前再去 阅读全文
摘要：
Fiber 原理 在 Fiber 出现之前 React 存在什么问题 在 React 16 之前的版本对比更新 VirtualDOM 的过程是采用 Stack 架构实现的，也就是循环加递归。这种对比方式有一个问题，就是一旦任务开始进行就无法中断，如果应用中的组件数量庞大，Virtual DOM 的层 阅读全文
摘要：
ts封装localStorage和sessionStorage 我们经常需要在 localStorage 或者 sessionStorage 去持久化存储值，但是 localStorage 和 sessionStorage 提供的 api 在处理对象的时候，往往需要 stringify 去转成字符串 阅读全文
摘要：
wangEditor 是一款比较流行的富文本编辑器，它比较轻量级，并且很容易通过css来定制化样式 下面的代码是用ts写的，如果是js的话，转换一下就行了，只是语法不一样 <template> <div class="editor"> <div ref="toolbar" class="editor 阅读全文
摘要：
Vue 项目优化 v-if 和 v-show 区分使用场景 v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。 true：渲染元素 false：不渲 阅读全文
摘要：
Vue3的简单介绍 Vue3和Vue2的区别 源码的组织方式 使用 TypeScript 重写 首先为了提升代码的可维护性，Vue3.0 抛弃了 Flow 类型注释，而是全部采用了更加严格的 TypeScript 重写，大型项目的开发都推荐使用类型化的语言，这样可以在编码的过程中帮助我们检查类型化的 阅读全文
摘要：
Vue中的 $attrs 和 $listeners 最近在研究 Vue 的组件库，之前也用过 $attrs 和 $listeners，官方文档描述的不太详细，也没有太好的例子，就没有深入的研究过这两个属性。最近生病在家，正好有时间好好研究一下 Vue 的高阶用法，写了几个 demo，下面我们来看看这 阅读全文
摘要：
Vuex的使用并实现一个简易版Vuex Vuex 回顾 什么是 Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件 的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 是专门为 Vue.js 设计的状态管理库 它采用集中式的 阅读全文
摘要：
树的操作在前端的工作中占据了比较重要的位置，我总结了一些我平时处理树数据的方法 情况一 将列表转换成 tree 有的时候后端比较懒，不愿意处理树数据，给的是一个列表数据，这时候就需要前端将列表转换成 tree 数据 // 列表数据 const list = [ { id: 01, pid: null 阅读全文