chopper

从前端组件化到Web Components 主要的API与兼容性 webcomponentsjs，AMP，Polymer react、vue、angular和web components 从前端组件化

什么是虚拟DOM ​ 将上面的ele打印出来，如下所示： ​ 这就是虚拟DOM在React中的形态，是JS和DOM之间的一个映射缓存，它在形态上表现为一个能够描述 DOM 结构及其属性信息的 JS

axios源码分析 源码目录分析 axios.js: axios导出的文件入口 Axios.js： 添加原型方法 default.js： 默认的axios配置 adapters：适配浏览器和非浏览器

以下分析基于React, ReactDOM 16.13.1版本 提出问题 实际工作中，我们会遇到这样的需求： 实现React中点击空白部分隐藏弹出层，需求可以简化为：点击框体以外的部分则隐藏框体。

Hook简介 设计Hooks主要是解决组件的几个问题： 在组件之间复用状态逻辑很难（只能用HOC或者render props），会导致组件树层级很深

react + ts 模板 npm init(yarn init) 安装 webpack（4.x） 安装 html-webpack-plugin 配置 html-webpack-plugin

webpack的公共代码提取和运行,源码阅读和SplitChunksPlugin，从 main.js 开始看代码，manifest.js 代码阅读

当前时代，前端技术的飞速发展与更迭，前端框架的百花齐放，前端从业人员激增，作为一个有素养，有理想的前端童鞋如何保证自己的代码质量，让自己的代码更加严谨、可靠成了我们绕不过去的话题，这时候就离不开测试。

三个要点： 编程范式，类数学函数， 避免数据和状态改变 编程范式从概念上来讲指的是编程的基本风格和典范模式。 换句话说其实就是程序员对于如何使用编程来解决问题的世界观和方法论。 声明式