摘要：
1. 前言 HTML作为描述网页结构的超文本标记语言，在任何项目一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。 2 .代码风格 2.1 缩进与换行 [强制] 使用 4 个空格做为一个缩进层级，不允许使用 2 个空格 或 tab 字符。 示例： <ul> <li>f 阅读全文
摘要：
<script lang="typescript/js"> window.isCloseHint = true; //初始化关闭 window.addEventListener("beforeunload", function(e) { if (window.isCloseHint) { var c 阅读全文
摘要：
npm config set registry + 仓库地址 阅读全文
摘要：
1. babel和polyfill Babel: Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码。注意：Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API Polyfill: Polyfill的准确意思为，用于实现浏览器 阅读全文
摘要：
1. 移动端兼容适配 <meta name="viewport" content="width=device-width, initial-scale=1.0"> rem, em, 百分比 框架的栅格布局 media query媒体查询 手淘团队的一套flexible.js, 自动判断dpr进行整个 阅读全文
摘要：
* 1 虚拟DOM（Virtual DOM） * 2 Diff算法（虚拟DOM的加速器，提升React性能的法宝） 虚拟DOM（Vitural DOM） React将DOM抽象为虚拟DOM，虚拟DOM其实就是用一个对象来描述DOM，通过对比前后两个对象的差异，最终只把变化的部分重新渲染，提高渲染的效 阅读全文
摘要：
1. 新旧生命周期 旧: will, did; mount, update... 新: 16版本之后: getDerivedStateFromProps: 虚拟dom之后，实际dom挂载之前, 每次获取新的props或state之后, 返回新的state, 配合didUpdate可以替代willRe 阅读全文
摘要：
1. 生命周期 2 .双向数据绑定v-model。这个最好也是自己实现一下 理解更深 通过v-modelVUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。 // 依赖收集 // 简化 阅读全文
摘要：
1. reflow(回流)和repaint(重绘)优化 浏览器渲染过程: DOM tree, CSS tree --> Render tree --> Paint DOM tree根节点为html 渲染从浏览器左上角到右下角 第一次打开页面至少触发一次重绘和回流, 结构如宽高位置变化时, 触发ref 阅读全文
摘要：
1. ES5和ES6继承方式区别 ES5定义类以函数形式, 以prototype来实现继承 ES6以class形式定义类, 以extend形式继承 2. Generator了解 ES6 提供的一种异步编程解决方案, Generator 函数是一个状态机，封装了多个内部状态。 function* he 阅读全文