摘要：
程序处理的工具 • 引擎 从头到尾负责整个 JavaScript 程序的编译及执行过程。 • 编译器 引擎的好朋友之一，负责语法分析及代码生成等脏活累活。 • 作用域 引擎的另一位好朋友，负责收集并维护由所有声明的标识符(变量)组成的一系列查 询，并实施一套非常严格的规则，确定当前执行的代码对这些标 阅读全文
摘要：
组件的单一职责 原则上讲，组件只应该做一件事情。但是对于应用来说，全部组件都拆散，只有单一职责并没有必要，反而增加了编写的繁琐程度。那什么时候需要拆分组件，保证单一职责呢？如果一个功能集合有可能发生变化，那么就需要最大程度地保证单一职责。 单一职责带来的最大好处就是在修改组件时，能够做到全在掌控下， 阅读全文
摘要：
JSX实现条件渲染 渲染一个列表。但是需要满足：列表为空数组时，显示空文案“Sorry，the list is empty”。同时列表数据可能通过网络获取，存在列表没有初始值为 null 的情况。 最简单的方式：三目运算 const list = ({list}) => { const isNull 阅读全文
摘要：
响应式框架基本原理 响应式或数据双向绑定的框架，直观上，数据在变化时，不再需要开发者去手动更新视图，而视图会根据变化的数据“自动”进行更新。 在这个过程中，我们需要： 收集视图依赖了哪些数据 感知被依赖数据的变化 数据变化时，自动“通知”需要更新的视图部分，并进行更新 这个思考过程换成对应的技术概念 阅读全文
摘要：
响应式布局适配方案 传统 float 浮动布局 知识储备：侯策《前端开发核心知识进阶》读书笔记——html与css要点 可以看出来，这种实现方式比较传统，且能力较弱。 相对单位布局 css中相对的布局单位有以下几种：em、rem、vh、vw、vmin、vmax、%、calc() em 相对于当前元素 阅读全文
摘要：
HTML5 html规范常识，HTML 规范是 W3C 与 WHATWG 合作共同产出的： W3C 指 World Wide Web Consortium WHATWG 指 Web Hypertext Application Technology Working Group 那么 HTML5 给开发 阅读全文
摘要：
HTML 语义化 根据结构化的内容，选择合适的标签。 为什么要做到语义化？ “合适的标签”是内容表达的高度概括，这样浏览器爬虫或者任何机器在读取 HTML 时，都能更好地理解，进而解析效率更高。这样带来的收益如下： 有利于 SEO 开发维护体验更好 用户体验更好（如使用 alt 标签用于解释图片信息 阅读全文
摘要：
数组API——includes Array.prototype.includes(value : any): boolean [1, 2, 3].includes(3) // true 这是判断数组中是否含有一个元素的方法，该方法最终返回一个布尔值。 现成的判断数组中是否含有一个元素的方法： [1, 阅读全文
摘要：
new关键字做了什么 step1：首先创建一个空对象，这个对象将会作为执行 new 构造函数() 之后，返回的对象实例 step2：将上面创建的空对象的原型（__proto__），指向构造函数的 prototype 属性 step3：将这个空对象赋值给构造函数内部的 this，并执行构造函数逻辑 s 阅读全文
摘要：
知识储备： 阮一峰《ECMAScript 6 入门》读书笔记——Promise 阮一峰《ECMAScript 6 入门》读书笔记——async 函数 setTimeout JavaScript 中所有任务分为同步任务和异步任务。 同步任务是指：当前主线程将要消化执行的任务，这些任务一起形成执行栈（e 阅读全文