# Front-End-Knowledges

**Repository Path**: rgzd/Front-End-Knowledges

## Basic Information

- **Project Name**: Front-End-Knowledges
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-11
- **Last Updated**: 2024-01-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

这个Gitbook项目是我对这几年前端工作的一个总结，在把知识写成文章的时候巩固知识，同时也希望能帮助到大家。这个Repo里面有全部文章和示例源码。

目前各章内容在陆续写作中。  

在线阅读地址： https://juejin.im/post/5e3ffc85518825494e2772fd

你也可以在这些地方找到我：

掘金：[https://juejin.im/user/2295436011645655](https://juejin.im/user/2295436011645655)

思否：[https://segmentfault.com/u/jiangpengfei_5ecce944a3d8a](https://segmentfault.com/u/jiangpengfei_5ecce944a3d8a)

开源中国：[https://my.oschina.net/u/4638235](https://my.oschina.net/u/4638235)

也欢迎关注我的公众号【进击的大前端】，第一时间获取优质原创，末尾有公众号二维码~

已经完成的文章如下:

* 页面布局
  * [各种CSS居中方案](https://juejin.im/post/5e213084e51d451c7a436108)
* JavaScript
  * [JavaScript内存管理](https://juejin.im/post/5e2155cee51d4552455a8878)
  * [JavaScript中的函数式编程](https://juejin.im/post/5e3ff8c4f265da57503cb7a8)
  * [JavaScript中的compose函数和pipe函数](https://juejin.im/post/5e3ff92be51d4526f16e3b90)
  * [常用JS函数-数组扁平化，缓存函数，柯里化函数，防抖和节流函数](https://juejin.im/post/5e3ff97de51d4527214ba3c9)
  * [JavaScript中的浅拷贝与深拷贝](https://juejin.im/post/5e1ee7a3e51d45020d70ac7d)
  * [JavaScript单元测试及原理](https://juejin.im/post/5e3ffa9d6fb9a07cbe345989)
  * [(推荐！！)轻松理解JS中的面向对象，顺便搞懂prototype和\_\_proto\_\_](https://juejin.im/post/5e50e5b16fb9a07c9a1959af)
  * [(推荐！！)this到底指向啥？看完这篇就知道了！](https://juejin.im/post/5e59e35ce51d4526e651c338)
  * [(推荐！！)setTimeout和setImmediate到底谁先执行，本文让你彻底理解Event Loop](https://juejin.im/post/5e782486518825490455fb17)
  * [(推荐！！)手写一个Promise/A+,完美通过官方872个测试用例](https://juejin.im/post/5e8bec156fb9a03c4d40f4bc)
  * [从Generator入手读懂co模块源码](https://juejin.im/post/5e9e6005e51d4546f70d2777)
  * [JS做类型检测到底有几种方法？看完本文就知道了！](https://juejin.im/post/5eb2c2bff265da7be769e129)
  * [JS作用域和变量提升看这一篇就够了](https://juejin.im/post/5ec21f205188256d5324e1a8)
* 计算机网络
  * [(推荐！！)RSA初探，聊聊怎么黑掉HTTPS](https://juejin.im/post/5e689e336fb9a07c9e1c3903)
  * [轻松理解HTTP缓存策略](https://juejin.cn/post/6908540505115033614)
* Vue.js
  * [自己实现一个VUE响应式--VUE响应式原理](https://juejin.im/post/5e1fcbf9e51d451c52193791)
  * [实现自己的Vue Router -- Vue Router原理解析](https://juejin.im/post/5e255dd76fb9a0301572944a)
* React.js
  * [(推荐！！)手写React的Fiber架构，深入理解其原理](https://juejin.im/post/5ef014e851882565ce7ee0ca)
  * [手写一个Redux，深入理解其原理](https://juejin.im/post/5efec81be51d4534942dd589)
  * [手写一个React-Redux，玩转React的Context API](https://juejin.im/post/5f0595f75188252e415f5519)
  * [Redux异步解决方案之Redux-Thunk原理及源码解析](https://juejin.im/post/6869950884231675912)
  * [手写Redux-Saga源码](https://juejin.im/post/6885223002703822855)
  * [使用React-Router实现前端路由鉴权](https://juejin.im/post/5f1a45f2518825742109ec2b)
  * [手写React-Router源码，深入理解其原理](https://juejin.im/post/6855129007949398029)
  * [歪门邪道性能优化：魔改三方库源码，性能提高几十倍！](https://juejin.cn/post/6922684424488222727)
* Node.js
  * [(推荐！！)深入Node.js的模块加载机制，手写require函数](https://juejin.im/post/6866973719634542606)
  * [使用Node.js原生API写一个web服务器](https://juejin.im/post/6887797543212843016)
  * [手写Express.js源码](https://juejin.im/post/6890358903960240142)
  * [手写Koa.js源码](https://juejin.im/post/6892952604163342344)
  * [手写@koa/router源码](https://juejin.im/post/6895594434843869197)
  * [手写koa-static源码，深入理解静态服务器原理](https://juejin.cn/post/6903350655474204680)
* 工程化
  * [使用mono-repo实现跨项目组件共享](https://juejin.cn/post/6913788953971654663)
  * [手写一个webpack，看看AST怎么用](https://juejin.cn/post/6930877602840182791)
  * [webpack核心模块tapable用法解析](https://juejin.cn/post/6939794845053485093)
  * [webpack核心模块tapable源码解析](https://juejin.cn/post/6946094725703139358)
* 设计模式
  * [(推荐！！)不知道怎么封装代码？看看这几种设计模式吧！](https://juejin.im/post/5ec737b36fb9a04799583002)
  * [不知道怎么提高代码复用性？看看这几种设计模式吧！](https://juejin.im/post/5ecb67846fb9a047b534a346)
  * [(推荐！！)框架源码中用来提高扩展性的设计模式](https://juejin.im/post/5ed0a2286fb9a047e02ef121)
  * [不知道怎么提高代码质量？来看看这几种设计模式吧！](https://juejin.im/post/5ed9fcca518825430d042527)
  * [从发布订阅模式入手读懂Node.js的EventEmitter源码](https://juejin.im/post/5e7978485188255e237c2a29)
* 架构和源码
  * [(推荐！！)从架构入手轻松读懂框架源码：以jQuery，Zepto，Vue和lodash-es为例](https://juejin.im/post/5e549c4d6fb9a07cd614d268)
  * [深入解析Underscore.js源码架构](https://juejin.im/post/5e74294de51d45270d533191)
* 数据结构和算法
  * [前端也能学算法：JS版常见排序算法-冒泡，插入，快排，归并](https://juejin.im/post/5e3cc31f51882549291268bf)
  * [前端也能学算法：JS版链表](https://juejin.im/post/5e3cc377f265da572e4f18d0)
  * [前端也能学算法：由浅入深讲解贪心算法](https://juejin.im/post/5e575e02f265da573b0dad5f)
  * [前端也能学算法：由浅入深讲解动态规划--钢条切割，最大公共子序列，最短编辑距离](https://juejin.im/post/5e4b472251882549507b015f)
  * [速度提高几百倍，记一次数据结构在实际工作中的运用](https://juejin.cn/post/6898569107877134350)
* 实战项目
  * [(推荐！！)学以致用：手把手教你撸一个工具库并打包发布，顺便解决JS浮点数计算精度问题](https://juejin.im/post/5e64cf0ef265da5734024f84)
* 心得与总结
  * [技术写作技巧分享：我是如何从写作小白成长为多平台优秀作者的？](https://juejin.cn/post/6932288843018141709)

Github地址： https://github.com/dennis-jiang/Front-End-Knowledges

扫描下方的二维码，关注我的公众号【进击的大前端】，第一时间获取优质原创~

由于GitHub图片转存，可能需要科学上网才能看到。

![QR](https://test-dennis.oss-cn-hangzhou.aliyuncs.com/QRCode/QR1270.png)