导航菜单

一套完整的前端知识地图,告别零散知识点,打通任督二脉

前端工程师是研发体系中的重要职位之一。然而,相比之下,几乎不可能找到系统的教学计划。大多数前端工程师的知识实际上源于实践和工作中的分散学习。

学习前端的许多问题,以及工作中的前端工程师:

前端技术的更新速度非常快,在如此大的环境中,前端工程师保持自学能力尤为重要。因此,“学习什么”和“如何学习”是我们必须紧急解决的问题。这是我的前端交流学习qun:前面是七三一,中间是七七一,后面是两个。如果您需要在下载中学习资料。我已经这样做了十多年了。我有问题随时问我,如何学习,如何学习,等等。

0基本入门前端

对于开始基础知识的学生,我建议您首先使用视频来了解前端学习的具体学习路径,培养一定的思维,并为知识库奠定基础。对前端有一个大致的了解,当你可以规划布局路线时,阅读一些经典的前端教科书,推荐:《JavaScript 高级程序设计》,《精通 CSS》。

《JavaScript 高级程序设计》

简介:《JavaScript 高级程序设计》被称为“程序员的红皮书”。它涵盖了几乎所有的JavaScript,包含大量示例,而且很难理解。

如果您有超过1年的工作经验,我们可以一起构建一个前端知识框架,然后遍历知识点的遍历。有原则和背景。我可以看到知识的原理和背景。它是。如果没有,我们将研究如何组织和记忆这部分知识,这样即使您遇到无法立即记住的知识,您也可以轻松参考参考手册和标准来解决它。

前端基本知识框架

我们先来谈谈所谓的知识架构?我们可以将其理解为“目录”或知识索引。它可以帮助我们组织分散的知识,帮助我们发现一些知识盲点。

我们将前端知识分为基本部分和实际部分。基本部分包括JavaScript语言,CSS和HTML,以及浏览器的实现原理和API。这三个模块涵盖了前端工程师需要掌握的所有知识。完成这三个部分后,您可以结合基本的编程技巧来处理基本的前端开发工作。

JavaScript知识架构图

在JavaScript模块中,我们可以首先根据语法,语义和运行时分割语言。这符合编程语言的一般规则:使用某些词法和语法来表达某些语义,从而操作运行时。

接下来,根据程序的一般规则,运行时可以分为数据结构和算法部分。数据结构包含类型和实例(内置对象),算法是执行过程。

在类型部分中,对象比所有其他类型更复杂,因此我们将花费很长时间来学习对象,包括其一些历史和设计思想。

应该从大型结构到小型结构的角度研究执行过程,从顶级事件循环和微任务,到函数,再到语句级执行。

示例部分也非常重要,但与JavaScript的基本库类似,JavaScipt有超过150个内置对象,并且在MDN中将有详细而全面的解释。

语法中的语法和语义基本上是一对一的对应关系。 JavaScript标准中有一个语法定义表。建议随时查看。

在HTML部分,我们按功能和语言划分知识。 HTML的功能主要由标签执行,因此我们必须首先对标签进行分类。

我们根据所承担的不同功能将标签分为以下类别。

1.文档元信息:通常头标记中出现的元素包含描述文档本身的一些信息;

2.语义相关:扩展纯文本,表达文章结构,不同语言元素的标签;

3.链接:提供文档之外的链接;

4.替换标签:引入一类标签来替换声音,图片,视频等外部元素;

5.表格:用于填写和提交信息的一种标签;

6.表:表格的结构,如页眉,页脚,单元格等。

除了标签之外,您还应该使用HTML作为语言来理解。但是标记语言与编程语言不同。基本的HTML语法和几个重要的语言机制:实体,命名空间,你必须掌握。

HTML还有一个补充标准:ARIA是HTML的扩展,在可访问性领域起着至关重要的作用。

在CSS部分,按照惯例,我们按语言和功能划分。

语言部分,

——