blog

短期计划 博客内容

手写系列

• 手写 bind，call，apply
• 手写 new
• 手写 instanceof
• 手写 Object.create
• 手写 Array.isArray
• 手写 各种继承：寄生式继承，组合继承，原型继承
• 手写 防抖节流
• 手写 柯里化
• 手写 数组扁平化
• 手写 深、浅拷贝
• 手写 发布订阅模式
• 手写 promise，async await
• 手写 webpack loader，plugin
• Vue3 相关
  • 手写 vite 原理
  • vite-plugin
• 手写 数组方法：map，reduce，filter，forEach 等
• 手写 react 相关：
  • react-router
  • redux
  • React-Hook原理
  • react diff 算法
• 手写 vue 相关：vue router，vuex，vue diff 算法
• 手写 nodejs 相关：express，koa，中间件，http-server 等

参考资料：

• 写给自己的手写代码
• Vite工作原理和手写实现「基本完结」

手写 答题/实战 系列

• 手写 sum(1)(1,2,3)(1)
• 手写拖拽

其他难点

• 中断请求：
  • AbortController.abort()
  • 中断请求AbortController
  • 手写 Axios 核心代码
  • 表格请求数据组件（ant design 版）

CSS 系列

主要为 常见布局，常见的 css 应用， css3 的一些基本使用

移动端相关方案

JavaScript 高级系列

• this
• 原型链
• 闭包
• 作用域

Typescript 系列

基本方法的使用，相关资料的整理总结

框架系列

• React & React Hooks
• Vue & Vue 3

Nodejs 系列

要求熟练掌握基本的 api，能够自如应对 基本的 nodejs 后端开发

• Nodejs 基础
• Express
• Koa2
• Egg.js

数据库

• MongoDB
• MySQL

HTTP

主要为 http 的基本知识

ajax 的操作

Webpack和工程化

主题：

• webpack 的原理、常见的 loader，plugin，配置方式
• 自己搭建 不同框架的 工程化

文章：

• react+redux+typescript构建前端项目

浏览器相关

缓存，cookie，渲染，重绘，回流，v8 等

性能优化

项目实战相关

• 使用 vue3 写一个 UI 库
  • 项目搭建
  • Switch组件
  • Button组件
  • Dialog组件
  • Tabs组件
  • Home页
  • 部署项目
  • 其他资料

Linux 和 Git

• Linux 基础命令行
• Git 基础命令
• Bash 编程