2022年

6月 微前端 / BFF / monorepo 项目相关

• 6.13 SwitchyOmega 代理URL
• 6.14 学习byted/hooks （防抖节流/表格/loadmore/request等）
• 6.15 通过bff（服务于前端的后端）调取接口
• 6.16 monorepo 多项目公用一个代码库
• 6.17 了解thrift文件生成ts类型流程
• 6.18 通过配置环境(请求header)响应不同数据
• 6.22 static getDerivedStateFromError
• 6.30 Error Boundary

7月 微前端 / BFF / monorepo 项目搭建

• 7.1 pipeline(流水线)搭建和使用
• 7.2 SCM编译（output改为cdn地址再进行SCM编译，再推到CDN）
• 7.3 rpc b/s c/s架构学习
• 7.5 CI/CD

8月 低代码平台

• 8.1 低代码平台搭建
• 8.2 低代码物料编写(使用了类的继承)
• 8.3 学习代码编辑器CodeMirror

9月 C端网站搭建

• 9.1 markdown文件前端解析
• 9.2 svg 标签学习
• 9.3 React.Fragment（无需创建根Dom）
• 9.4 React.Profiler 测试子组件渲染时长

10月 C端组件库建设

• 10.8 canvas计算文字宽度 实现Alert换行
• 10.9 react-native-keyboard-aware-scrollview 键盘遮挡问题

11月 抖音体验优化相关

• 11.1 熟悉部门职能(治理/风控/运营/产品)

2023年

1月 学习优秀项目

• 1.1 抖音电商前端性能优化
• 1.3 多人编辑内容覆盖问题
• 1.5 手写网络请求小通道
• 1.7 fontmin 字体裁剪
• 1.10 大文件切片上传
• 1.12 雅虎35条军规：网络/工程化/代码/图片/资源
• 1.14 ZForm 学习
• 1.16 rrweb 初识
• 1.18 JS沙箱隔离 sanapshotSandbox
• 1.20 JS沙箱隔离 legacySandbox
• 1.22 JS沙箱隔离 proxySandbox
• 1.25 BTM 全链路追踪模型
• 1.27 apaas 初识
• 1.31 UI diff 通过对比DOM不同

2月 学习Node.js

• 2.1 学习洋葱模型
• 2.2 中间件 app.use 错误处理/日志记录/JSON数据

• 2.13 serverless 了解
• 2.14 sourcemap 原理
• 2.16 reverse-sourcemap 反解析
• 2.17 websocket如何通讯
• 2.18 网络四层模型
• 2.19 commander.js学习
• 2.20 node 增删改复制文件 增删读文件夹
• 2.21 本地环回 局域网 广域网Intl.Segmenter 浏览器分词功能
• 2.22 @koa/cors 将origin赋值给Access-Control-Allow-Origin

3月 上手Node.js C端组件分析

• 3.7 @koa/cors 源码学习
• 3.8 cdn深入学习
• 3.9 平滑重启
• 3.10 node.js addons
• 3.19 require原理
• 3.20 请求头content-type学习
• 3.21 进程与线程
• 3.22 搭建静态服务器
• 3.23 exporess 重定向 下载 响应文件
• 3.24 express 动态路由
• 3.25 express 全局/路由中间件
• 3.26 静态资源中间件
• 3.27 body-parser学习
• 3.28 防盗链实现
• 3.29 express 路由模块化
• 3.30 ejs render&view engine
• 3.31 express-generator

4月 上手Node.js 商城吐槽问题自动分析/周报汇总

• 4.1 nanoid 初识
• 4.2 chokidar 监听文件变动
• 4.3 single-git 使用
• 4.4 使用faas增删改查DB
• 4.5 tsconfig.json 去除未使用提示
• 4.6 fs.stat fs.statSync
• 4.11 初识 faas
• 4.12 git -C /path <command>
• 4.14 localeCompare
• 4.15 cookie鉴权
• 4.21 grafish、iframe和普通web利弊
• 4.22 node端db使用
• 4.23 MutationObserver
• 4.24 XState状态机
• 4.25 webpack5模块联邦
• 4.27 ssh 了解
• 4.28 sideEffects
• 4.29 npx 详细使用
• 4.30 simulator 模拟器使用

5月 上手C端复杂组件

• 5.5 ～ 5.10 移动端面板多断点分屏

• 5.2 charles(map local & map remote)代理
• 5.3 fs-extra 加强版fs
• 5.6 iconfont 实现原理
• 5.8 sort-package-json 排序packjson
• 5.9 xss防护 escapeHTML escapeEmbedJSON转译
• 5.10 性能分析：Performance & Memory内存快照
• 5.11 学习 nodejs-websocket
• 5.12 ～ 5.18 lynx端DragSort

6月 面试学习

• 6.1 Symbol的使用以及做为key的好处 命名冲突/唯一/不可枚举
• 6.2 for in 和for of的区别

LeetCode记录