前端进阶知识汇总

lxf2023-05-10 01:23:18

2020年初突然有了个想法,前端也做了几年了,但是很多知识还很零散,应该系统的把知识归纳起来,于是给自己制定了一个计划,决定花大半年的时间整理一下大前端的知识,把他们都写成文章。这个计划包括页面布局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
    • 轻松理解HTTP缓存策略
  • Vue.js
    • 自己实现一个VUE响应式--VUE响应式原理
    • 实现自己的Vue Router -- Vue Router原理解析
  • React.js
    • (推荐!!)手写React的Fiber架构,深入理解其原理
    • (推荐!!)手写一个Redux,深入理解其原理
    • 手写一个React-Redux,玩转React的Context API
    • Redux异步解决方案之Redux-Thunk原理及源码解析
    • 手写Redux-Saga源码
    • (推荐!!)使用React-Router实现前端路由鉴权
    • 手写React-Router源码,深入理解其原理
    • 歪门邪道性能优化:魔改三方库源码,性能提高几十倍!
  • Node.js
    • (推荐!!)深入Node.js的模块加载机制,手写require函数
    • 使用Node.js原生API写一个web服务器
    • 手写Express.js源码
    • 手写Koa.js源码
    • 手写@koa/router源码
    • 手写koa-static源码,深入理解静态服务器原理
  • 工程化
    • 使用mono-repo实现跨项目组件共享
    • 手写一个webpack,看看AST怎么用
    • webpack核心模块tapable用法解析
    • webpack核心模块tapable源码解析
  • 设计模式
    • (推荐!!)不知道怎么封装代码?看看这几种设计模式吧!
    • 不知道怎么提高代码复用性?看看这几种设计模式吧!
    • (推荐!!)框架源码中用来提高扩展性的设计模式
    • 不知道怎么提高代码质量?来看看这几种设计模式吧!
    • 从发布订阅模式入手读懂Node.js的EventEmitter源码
  • 架构和源码
    • (推荐!!)从架构入手轻松读懂框架源码:以jQuery,Zepto,Vue和lodash-es为例
    • 深入解析Underscore.js源码架构
  • 数据结构和算法
    • 前端也能学算法:JS版常见排序算法-冒泡,插入,快排,归并
    • 前端也能学算法:JS版链表
    • 前端也能学算法:由浅入深讲解贪心算法
    • 前端也能学算法:由浅入深讲解动态规划--钢条切割,最大公共子序列,最短编辑距离
    • 速度提高几百倍,记一次数据结构在实际工作中的运用
  • 实战
    • (推荐!!)学以致用:手把手教你撸一个工具库并打包发布,顺便解决JS浮点数计算精度问题
  • 心得与总结
    • 技术写作技巧分享:我是如何从写作小白成长为多平台优秀作者的?

欢迎关注我的公众号进击的大前端第一时间获取高质量原创~

本网站是一个以CSS、JavaScript、Vue、HTML为核心的前端开发技术网站。我们致力于为广大前端开发者提供专业、全面、实用的前端开发知识和技术支持。 在本网站中,您可以学习到最新的前端开发技术,了解前端开发的最新趋势和最佳实践。我们提供丰富的教程和案例,让您可以快速掌握前端开发的核心技术和流程。 本网站还提供一系列实用的工具和插件,帮助您更加高效地进行前端开发工作。我们提供的工具和插件都经过精心设计和优化,可以帮助您节省时间和精力,提升开发效率。 除此之外,本网站还拥有一个活跃的社区,您可以在社区中与其他前端开发者交流技术、分享经验、解决问题。我们相信,社区的力量可以帮助您更好地成长和进步。 在本网站中,您可以找到您需要的一切前端开发资源,让您成为一名更加优秀的前端开发者。欢迎您加入我们的大家庭,一起探索前端开发的无限可能!