How to write tests (前端测试基础)
JS 测试框架 JavaScript Testing Framework
选 jest https://github.com/facebook/jest
yarn jest 运行所有测试
JS 基础测试框架对比
Jest
Jest is a delightful JavaScript Testing Framewo...
Pre-render React with react-snap (使用react-snap对react页面进行预渲染)
什么是预渲染
预渲染(pre-render)是提前将静态页面内容进行渲染，用来优化页面响应，SEO 以及生成静态页面.
流行的渲染工具(基于无 puppeteer 浏览器实现)
prerender-spa-plugin webpack 插件
react-snap 命令行工具
单页应用渲染过程
获取入口 html 文件
下载 JS 文件
执行 Jav...
Reduce MiniProgram Package Size (微信小程序包体积优化)
小程序对包的体积大小有限制(微信小程序目前限制上限 2MB)；
小程序分发流程是先上打包传到服务器，首次使用(或升级)的时候下载到客户端解压，然后执行；
包的大小会影响下载速度，如体积较大在移动端网络不稳定时会严重下载成功率。
实际将 2000KB 左右的小程序优化到 600KB 左右,平均下载时间减少接近 60%
提要
由于小程序在项目打包上传的时候，会对项目文件进行压缩(js...
How to Design RESTful API (API 设计)
资源(URL)
动作(Method)
REST
REST(Representational State Transfer, 表现层状态转移,主语是Resource)
用URI来定位具体的资源
用HTTP请求的Content-Type字段来描述资源的表现形式
用HTTP动词来描述对资源的具体操作
REST 描述的三个内容
资源 (Resource)：...
CSS Specificity (层叠样式表优先级)
页面样式渲染
渲染树(Render Tree)
对于一个网页(包括小程序的Page):
HTML解析成一个DOM (Document Object Model)树,样式表会解析成一个 CSSOM(CSS Object Model)树，
二者结合形成一颗渲染树。
渲染树上的样式即为最终用来渲染呈现的样式(Chrome Computed style)。
渲染节点属性选择
自定...
Git Repository Migration (代码仓库完整迁移)
Git 仓库迁移
代码管理库一键导入
许多代码库提供了一键导入的的功能，比如其他位置转到github或者gitlab等，可以直接在操作界面导入开源的或者有访问权限的代码库。
这里不作介绍，
本地已有git上传
简单上传本地git代码(clone自其他仓库或者完全本地仓库)到新的分支，只需要添加仓库地址,然后push即可。
完全同步
添加git源: git remote a...