记事本

翻译记录

CSS

1. Animation tip: Lerp
2. Flexbox: Don't Forget about flex-shrink
3. Flexbox: space-between, Flexbox's Unsung Hero
4. 如何设置 CSS 背景图中的 SVG 的颜色
5. 纯 CSS 播放／暂停 ICON
6. 是时候使用 CSS 自定义属性了
7. CSS Box Shadow 对比 Drop Shadow
8. 打破边界布局 CSS Grid 讲解
9. 利用 CSS Grid 打破布局的边界
10. CSS Grid 布局(1)：快速入门指南
11. CSS Grid 布局(2)：Fluid Columns and Better Gutters
12. CSS 网格布局(3)：使用网格区间
13. CSS 网格布局(4)：使用 auto-fill 和 minmax() 实现响应布局
14. CSS 网格布局(5)：理解 CSS Grid 的 “自动排列算法”
15. CSS 网格布局(6)：小建议 - 为网格线命名，以防万一
16. 用 CSS 自定义属性实现强大的 Grid 组件
17. CSS 技巧：色彩斑斓的自定义阴影
18. CSS Scroll Snap 的工作模式

JS

1. 3 件你不知道的 JS 中有关 forEach 的事情
2. 箭头函数
3. ES2020 中 Javascript 10 个你应该知道的新功能
4. 我从来都不理解闭包
5. JavaScript 开发者 10 个非常有用的技巧
6. 一些有用的 JavaScript 技巧

TypeScript

1. TypeScript 中的代码清道夫：非空断言操作符
2. 通过示例演示 TypeScript 的高级类型
3. 那些鲜为人知的 TypeScript 功能
4. TypeScript 3.9 中的新特性

React

1. Stateless functional components
2. React 进阶：Container 组件
3. ESLint + Babel + Webpack 环境下的 React 代码风格
4. 你或许不需要派生状态
5. 用 React 构建可复用的设计系统
6. 测试 React 组件（1）
7. 测试 React 组件（2）
8. 在 React 16.6 中懒加载（或者预加载）组件
9. 在 React 如何用 TypeScrpt 处理 Refs
10. TypeScript 中使用 React HOC
11. TypeScript 中使用 React Hooks
12. TypeScript 中使用 React Props
13. React 中的条件渲染
14. React Hooks for State Management!(useContext, useEffect, useReducer).md
15. 使用 React Hooks 管理全局 State
16. 2020 年 React 状态管理
17. React hooks：并不神奇，就是数组
18. 用 Enzyme 测试使用 Hooks 的 React 函数组件
19. 深入理解：React Hooks 是如何工作的？
20. 用 Jest 和 Enzyme 测试 React I
21. 用 Jest 和 Enzyme 测试 React II
22. Hooks, State, 闭包和 useReducer
23. React 中渐进式加载图片
24. React 组件的"黄金法则"
25. 为 REST API 创建可复用的 React Query 组件
26. React 组件的单元测试
27. React 应用性能优化的 6 条建议
28. 4 个简单又优雅的 React Hooks

Test

1. 每个单元测试必须解决的 5 个问题

Webpack

1. 用 webpack 实现 prefetch/preload
2. Webpack (v4) 中用 SplitChunksPlugin 分割代码

Node

1. 用 KoaJS 和 MongoDB 实现 REST API - 1
2. 用 KoaJS 和 MongoDB 实现 REST API - 2
3. 用 KoaJS 和 MongoDB 实现 REST API - 3

Other

1. 什么是 JWT
2. 切角盒子
3. 如何用 SVG 做占位符和其他的图片加载技术
4. Service Workers 和客户端如何通信

个人总结

1.两端对齐几种实现方案