前端进阶知识汇总

年初突然有了个想法，前端也做了几年了，但是很多知识还很零散，应该系统的把知识归纳起来，于是给自己制定了一个计划，决定花大半年的时间整理一下大前端的知识，把他们都写成文章。这个计划包括页面布局，JavaScript，计算机网络，Vue.js，React.js，Node.js，设计模式，架构，工程化，数据结构和算法，实战项目。 所谓学习的三个阶段：学一遍，做一遍，讲一遍。这个计划就是讲一遍，同时在讲的过程中，对自己的知识进行查漏补缺。 本计划所有文章都托管在GitHub上：github.com/dennis-jian… 下面是已经写作完成的文章列表，标题前加了推荐！！的都是点赞还不错的文章。

• 页面布局
  • 各种CSS居中方案
  • 一篇文章搞定多列布局--等宽，等高，自适应布局
• JavaScript
  • JavaScript内存管理
  • JavaScript中的函数式编程
  • JavaScript中的compose函数和pipe函数
  • 常用JS函数-数组扁平化，缓存函数，柯里化函数，防抖和节流函数
  • JavaScript中的浅拷贝与深拷贝
  • JavaScript单元测试及原理
  • (推荐！！)轻松理解JS中的面向对象，顺便搞懂prototype和proto
  • (推荐！！)this到底指向啥？看完这篇就知道了！
  • (推荐！！)setTimeout和setImmediate到底谁先执行，本文让你彻底理解Event Loop
  • (推荐！！)手写一个Promise/A+,完美通过官方872个测试用例
  • 从Generator入手读懂co模块源码
  • JS做类型检测到底有几种方法？看完本文就知道了！
  • JS作用域和变量提升看这一篇就够了
• 计算机网络
  • (推荐！！)RSA初探，聊聊怎么黑掉HTTPS
• Vue.js
  • 自己实现一个VUE响应式--VUE响应式原理
  • 实现自己的Vue Router -- Vue Router原理解析
• React.js
  • (推荐！！)手写React的Fiber架构，深入理解其原理
  • (推荐！！)手写一个Redux，深入理解其原理
  • 手写一个React-Redux，玩转React的Context API
  • Redux异步解决方案之Redux-Thunk原理及源码解析
  • (推荐！！)使用React-Router实现前端路由鉴权
  • 手写React-Router源码，深入理解其原理
• Node.js
  • (推荐！！)深入Node.js的模块加载机制，手写require函数
• 设计模式
  • (推荐！！)不知道怎么封装代码？看看这几种设计模式吧！
  • 不知道怎么提高代码复用性？看看这几种设计模式吧！
  • (推荐！！)框架源码中用来提高扩展性的设计模式
  • 不知道怎么提高代码质量？来看看这几种设计模式吧！
  • 从发布订阅模式入手读懂Node.js的EventEmitter源码
• 架构和源码
  • (推荐！！)从架构入手轻松读懂框架源码：以jQuery，Zepto，Vue和lodash-es为例
  • 深入解析Underscore.js源码架构
• 数据结构和算法
  • 前端也能学算法：JS版常见排序算法-冒泡，插入，快排，归并
  • 前端也能学算法：JS版链表
  • 前端也能学算法：由浅入深讲解贪心算法
  • 前端也能学算法：由浅入深讲解动态规划--钢条切割，最大公共子序列，最短编辑距离
• 实战
  • (推荐！！)学以致用：手把手教你撸一个工具库并打包发布，顺便解决JS浮点数计算精度问题

写文章需要到处搜集资料，进行整理，于是会到处看视频还有其他大神的博客。下面推荐几个视频给大家：

• 网易高级前端开发系列直播课②
• 高级前端开发工程师微专业
• 算法&数据结构
• 手写React的fiber和hooks