前端进阶知识汇总

2020-10-15 09:58:42 浏览数 (1)

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

0 人点赞