2022 年度目标
结合 blog 食用效果更佳
年度重点
1-6月：
- 算法精进
- Hot 100
- 剑指 offer 算法题
- 名企高频题
- 面试题进阶
- HTML / CSS
- JavaScript ：8 种数据类型
- JavaScript 核心： this，原型、继承、闭包、作用域、promise、new/call/apply/bind，eventLoop；
- JavaScript 手写：防抖节流、事件委托、深浅拷贝、发布订阅
- 框架 Vuejs：常见题目
- 框架 Reactjs：常见题目
- 浏览器：url到页面显示、跨域、存储、重绘回流
- 性能优化：防抖节流、performance、缓存、合并请求等；
- Nodejs：中间件，多线程 process，child_process 等；
- 设计模式：发布订阅，观察者、装饰器、适配器
- HTTP 和网络：状态码、HTTP 1.0/1.1/2.0/3.0、握手和挥手、tcp和udp、websocket
- 热点：
- 模块化：webpack、bite、parcle、nopack
- vuejs 3.0、React.js 18
- 微前端多种方案；
7-12月：
- Nodejs 精进
- Go / Java 实战提升
学习记录
面试系列
文章
- 一个合格(优秀)的前端都应该阅读这些文章
- 前端进阶指南
- 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂-上
- 中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂-下
- 前端 100 问：能搞懂 80% 的请把简历给我
- 30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度）
- 这一次，彻底弄懂 JavaScript 执行机制
- 一名【合格】前端工程师的自检清单
- 写给初中级前端的高级进阶指南
- 一个合格的中级前端工程师需要掌握的 28 个 JavaScript 技巧
博客/专栏
- FEX 面试问题 先明白面试官想要什么样的面试者
- 面试题-高级前端进阶-木易杨
- 大前端面试宝典 - 图解前端
- 前端面试每日 3+1
- 饿了么-Nodejs面试题 攻克 Nodejs 面试
- 面试指南
- h5bp/Front-end-Developer-Interview-Questions 老外整理的面经，官网可以切换 中文版本
- 前端硬核面试专题
- 夜尽天明的博客
源码系列
- Vue 源码系列
- Vue 2.x 源码阅读 7月4日完成，学习地址
- Vue 3.x 源码阅读（有视频） + 输出笔记，学习地址
- Vue-Router 源码，学习地址， Vue秩序白银 —构建自己的Vuex
- Vuex 源码，学习地址，学习地址：手写 vue 全家桶，备用地址：本地文件
E:b站下载\从零玩转-手写Vue全家桶
- React 源码阅读 + 输出笔记
- 手写 React 16.x 0808 完成
- React 事件原理-上， React 事件原理-下
- 手写 React-Hook 0718 完成
- React-Router 源码 0523 完成
- Redux 源码，学习地址，地址2
- React Fiber
- 好文：React 运行时优化方案的演进
- Webpack 源码：学习地址 腾讯课堂-qq登录, 地址2
- 原理
- loader
- plugin
- 热更新
- 优化等，学习地址
- 脚手架原理分析：
- Umijs 原理：学习地址
- Vite 源码，学习地址
- Express 源码，学习地址
- Koa 源码，学习地址
- 骨架屏原理：学习地址
- rollup - 构建原理及简易实现，B站也有对应的视频
主题系列
- 微前端，学习地址
- 前端工程化：拉勾课程-前端工程化 ，学习地址
- DevOps 搭建，学习地址
- 前端监控，学习地址
项目系列
- Umi 搭建环境和实战，学习地址
- 搭建 后台 PC 端应用，自定义主题，配置基础设施；
- 搭建小程序 H5 端应用，自定义主题，配置基础设施；
- 手写 AntD 组件库：从零实现AntD Form组件
- 项目模板：Vue+Vant搭建移动端框架
- Nestjs 实战后端应用；
- 掘金小册实战
新知识
- 服务端渲染 SSR：Next.js, Nuxt.js
- Vue3 系列：
- Vue3知识
- Vite 配置和使用
- Servless：拉勾课程-玩转 Serverless 架构
后端知识
- Go 语言使用和实战：Go Web基础（gin框架快速入门）
TODO
不紧急不重要
- 前端方向：Web 图形视觉方向：WebGL, Three.js 等
- Electron 实战跨端应用（桌面）
- 解决方案总结-结合文档和案例：
- 权限处理：接口，菜单，按钮权限点；
- 上传/导入：文件上传，图片上传，Excel 导入；
- 导出/下载：导出 Excel，导出 PDF，下载 压缩包等；
- 前端水印：页面水印（防篡改），图片水印（资料保护）；
- 前端监控：普通的错误上报，进阶版的错误回溯，预警机制；
- 前端工程化：项目基建（脚手架，utils库，ui 组件库，代码规范 eslint等）
- DevOps：CI / CD 建设，自动化构建部署和日志记录，生产问题预警；