How to mock in jest test (advanced) (jest测试中如何进行mock(测试进阶))
summary
类型
作用范围
场景
module mapper
Global
解决编译问题
tansform
Global
转换某一类型文件
__mocks__
tes...
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)。
渲染节点属性选择
自定...