MCPcopy
hub / github.com/KieSun/all-of-frontend

github.com/KieSun/all-of-frontend @main sqlite

repository ↗ · DeepWiki ↗
0 symbols 0 edges 2 files 0 documented · 0%
README

contributors Stars Forks GitHub visitor badge

真全栈，全免费项目，学完直接上一个台阶

真全栈项目，适合前端进阶及转方向使用。项目包括前端、后端、Web3 最新技术栈，大杂烩，技术一锅端。

另外不是网上那些各种仿 xxx 的简单项目，尤其是后端会包括很多东西，学完直接上手做后端项目完全没问题。

教学全免费，在 B 站直播，具体内容可点击仓库查看：https://github.com/KieSun/fullstack-project。

🔥 这是什么？

笔者在学会 JS 以及框架的应用后，有一段时间不知道该如何深入下去，活能干，就是不知道该学啥。相信这个问题也会有很多读者朋友遇到。

当然笔者目前已经突破了这个瓶颈，也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习路线及资料推荐，帮助各位读者朋友解决这个问题。

笔者会列出所有前端必学及热门领域的学习路径及推荐资料，比如浏览器、性能优化、框架、工程化、算法等等，工程浩大，大家可以持续关注该项目！

此资料适用于小白入门、初中级进阶、高级查漏补缺。

内容每天都在更新，大家可以持续关注。

💻 如何使用

如果你是初中级工程师来说，笔者也推荐先行学习「前端核心学习路径」，主要是巩固基础，之后再挑选感兴趣的主题。

如果你是高级工程师，笔者推荐跳过「前端核心学习路径」，直接挑选感兴趣的主题学习即可。

以下所有知识点笔者都会帮助读者朋友们将知识连贯起来，从而建立自己的知识体系而不是单独记忆松散的知识点。

推荐大家 Star 并 Fork 本项目（点击仓库顶部右上角按钮），然后 git clone 到本地后从上至下逐步完成学习计划。

如何获取本仓库资料

笔者已经将仓库内容里的重要资料整理好了，还附赠了前端 10 万字的面试攻略，已经帮助上千人拿到 offer。大家可以关注公众号发送「资料」获取。

如何贡献

推荐你认为优秀或者仓库缺失的内容至正确的位置即可，另外需要附带你的推荐理由。

📖 目录

如何高效自学

Z0qdJz

自学是每个工程师都需要掌握的一项技能。这个学习方法笔者百试百灵，学习任何技术都会用上这个思路。另外我们还能通过这个思路拓宽自己的技术栈，将各个知识联系起来建立自己的知识体系，并且通过这种学习方式学到的知识也不容易遗忘。

书籍推荐

以下书籍主要还是推荐了 JS 方面的，其它比如说框架、TS 等等技术会在各自章节为大家介绍。

初级

进阶

高级

上述书籍大家可以关注【公众号】发送「资料」获取，另外还附赠了前端 10 万字的面试攻略，已经帮助上千人拿到 offer。

前端核心学习路径

前端知识点很多这是公认的事情，但是我们确实没必要把所有知识都去学习，那样只会贪多嚼不烂。我们能把核心知识点、热门技术以及工作中需要用到的知识学好就已经能打败大部分前端工程师了，剩下的大家可以自行根据兴趣选择学习内容。

但是在学习其他内容之前，笔者强烈推荐各位务必一定一定先把基础打扎实了，基础不好真的不可能把自己技术往上拔高的。

为了保证大家学到的知识是正确的，下文中的文档资料笔者都使用了英文版本。因为在审核资料的过程中笔者发现不少中文文档都存在翻译错误或者过时的情况。

如果你还是一位初学者，推荐先自行完整阅读一至二本书后再按照该计划学习，因为以下计划并没有囊括 JS 的所有知识，而是列出了所有核心知识点。

关于书籍笔者推荐以下两本：

JS 核心知识点

数据类型

JS 数据类型分为两大类及八种数据类型，注意别漏了新增的 bigint。

类型判断

类型判断有好几种方式，分别为：

类型转换

类型转换算是 JS 中情况繁杂且容易出错，但是开发中还经常会遇到的知识点。强行全部记忆容易遗忘，推荐记忆及练习开发中的常见情况。

this

this 算是不少初学者容易搞混的一个知识点，但是它很重要，务必掌握。

闭包

闭包特别常用，但是其实挺多工程师对于闭包的理解是错误的。

作用域

作用域是指程序中定义变量的区域，该位置决定了变量的生命周期，也就是变量和函数的可访问范围。

变量提升

变量提升（Hoisting）可以将变量和函数在编译阶段放入内存，从而在执行阶段时在声明前使用。

new

new 操作符可以帮助我们构建出一个实例，并且绑定上 this。

call、apply、bind

原型

通过原型这种机制，JavaScript 中的对象从其他对象继承功能特性。

Class

class 只是原型链的语法糖，与其它语言中的类不是同一样东西。

继承

继承是面向对象语言（Object-Oriented Language）三大特征之一，在 JS 中也占有非常重要的地位。而想要实现继承有多种方式，它们都有各自的优缺点。

模块化

这块知识必会，最好了解下模块化的前世今生以及对 ES6 的原生模块化有个深入的理解。

Promise

迭代器与生成器

async await

事件循环

大家都知道 JS 是一门单线程的非阻塞的脚本语言。这也就意味着，代码在执行的任何时候只有一个主线程来处理所有的任务。所以弄懂事件循环机制对我们学习 JS 至关重要。

Core symbols most depended-on inside this repo

—

Shape

Dependencies from manifests, versioned

axios0.21.1 · 1×
gitment0.0.3 · 1×

For agents

$ claude mcp add all-of-frontend \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact