ThaddeusJiang

开发速度

1. 开发环境搭建简单
2. 开发模式“热模块更新”
3. 发布测试版本简单
4. 开发手顺全面且详细

开发品质

1. ESLint + StyleLint 静态检测代码
2. Unit Test

ThaddeusJiang

1. Install

yarn add xtemplate xtpl

2. 结合 koa2 see server.js

3. 定义 html 模版 see jwt.xtpl

ThaddeusJiang

hujiulong/blog#3

• docs 文档

• lib 库文件，library的缩写

• dist 用来放打包编译后的文件，应该是distribution的缩写

ThaddeusJiang

数据结构是计算机存储、组织数据的方式。

数据结构是相互之间存在某种特定关系的数据元素的集合。

精心选择数据结构可以带来更高的运行或者存储效率，数据结构往往同高效的检索算法和索引技术有关。

在程序设计中，数据结构选择是一个基本的设计考虑因素。 许多大型系统的开发设计经验表明，系统实现难度严重依赖于是否选择了最优的数据结构。 许多时候，确定了数据结构，算法就很容易找到。 这证明，系统开发设计的关键因素是数据而不是算法。选择了数据结构，算法也随之确定。

ThaddeusJiang

Tree Shaking

Issue

ThaddeusJiang

未确认的 Parcel V1.6.0 重要特性

• 开箱即用的 ES6+ （使用 Babel）
  • .babelrc 不需要了， 有特别配置时还需要。
• 默认支持 JSX
• 支持 Node 和 Electorn 构建
• 支持 PWA 的 .webmanifest 文件

课题

1. CSS Modules 无法配置 global。 Issue

ThaddeusJiang

React RoadMap 自检表

2022年：

2018年：

1. Build Tools

ThaddeusJiang

escape

对 String 进行编码。

ASCII字母、数字、@*/+ 不会被编码

encodeURI 和 encodeURIComponent

encodeURI

对 URL 进行编码。

不会编码的范围： ASCII字母、数字、~!@#$&*()=:/,;?+'

ThaddeusJiang

• Symbol

• Proxy

• Reflect

• Promise + async/await 最常用🚀

• Decorator 装饰

• import() 动态加载

ThaddeusJiang

• JS try-catch + throw 处理异常

• JS 经常和 DOM、window 等一起讨论

• JS 原型 最重要🚀