摘要：
原文：你真的了解回流和重绘吗-陈纪庚 序言 回流和重绘，浏览器(客户端)优化的重要思考方向之一，同时也将会是面试隐藏 boss，不过，要说难，排除掉浏览器底层渲染原理后也并不是那么困难。作为进阶资料，还是有必要掌握的。 先说核心结论：回流一定会触发重绘，而重绘不一定会回流。 浏览器的渲染过程 上图是 阅读全文
摘要：
原文：函数防抖和节流； 序言： 我们在平时开发的时候，会有很多场景会频繁触发事件，比如说搜索框实时发请求，onmousemove, resize, onscroll等等，有些时候，我们并不能或者不想频繁触发事件，咋办呢？这时候就应该用到函数防抖和函数节流了！ 准备材料： <div id="conte 阅读全文
摘要：
原文：仿 ElmentUI 实现一个 Form 表单 一、目标 ElementUI 中 Form 组件主要有以下 功能 / 模块： Form FormItem Input 表单验证 在这套组件中，有 3 层嵌套，这里面使用的是 slot 插槽，我们在接下来的代码中也需要运用到它。 二、组件设计 e- 阅读全文
摘要：
原文：最后一次搞懂 Event Loop 自打 ES 6 推出 Promise 改善了 js 的异步编程之后，eventloop 也越来越多地出现在视野当中。借用大佬们的话：“Event Loop 是 JavaScript 异步编程的核心思想，也是前端进阶必须跨越的一关。同时，它又是面试的必考点。” 阅读全文
摘要：
我们知道，每个函数在调用的时候会产生一个执行上下文环境，而这个执行上下文环境中包含了诸如 this 等等信息。即当我们调用函数的时候，内部的 this 已经明确地隐式绑定到了某一个对象上。如果我们希望更换 this 的指向，我们该如何更改？ call/apply/bind 这三个函数能够满足我们的需 阅读全文
摘要：
首先贴上学习参考资料：【深入浅出jQuery】源码浅析--整体架构，备用地址：chokcoco/jQuery-。 jQuery 库，js 开发的一个里程碑，它的出现，让网页开发者们告别荒蛮的上古时代，初步解放生产力，正式进入黄铜时代。 虽然如今 Angular/React/Vue 三驾马车驰骋畋猎， 阅读全文
摘要：
原文： 在 Javascript 中学习数据结构与算法。 概念： 集合、字典、散列表都可以存储不重复的数据。字典和我们上面实现的集合很像。 当然，字典中的数据具有不重复的特性。js 中 Object 的键值对 key: value 的形式就是字典的实现，所以字典通常也称为映射。 实现一个简单的字典类 阅读全文
摘要：
参考：Async/await学习 es 7 提供了对 promise 对象的更好的操作，省去了很多丧心病狂的链式异步请求，promise 是回调地狱的福音，而 Async/Await 则是 promise 的天使。 另外，关于 event-loop ，请移步 Event-Loop In Js Awa 阅读全文
摘要：
// vscode shift + ctrl + v 预览 es 5 写法 无参函数的绑定 first methods 1. 定义函数: 2. constructor 中绑定函数的执行上下文 3. jsx 中的调用 second methods 1. 定义函数 2. jsx 中的调用 有参数的绑定 阅读全文
摘要：
React 组件生命周期 详细参考： react 组件生命周期 组件的生命周期可分为三个状态： 1.Mounting：已经挂载/插入到真实 DOM 树上； 2.Updating：正在被重新渲染； 3.Unmounting：已经移出 DOM 树； 生命周期的钩子函数：（v16之前） 1. compon 阅读全文