年初突然有了个想法,前端也做了几年了,但是很多知识还很零散,应该系统的把知识归纳起来,于是给自己制定了一个计划,决定花大半年的时间整理一下大前端的知识,把他们都写成文章。这个计划包括页面布局
,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