前端知识点整理——基础篇

前言

之前准备面试的时候,为了防止在基础知识点上被面掉,或者给面试官基本功不扎实的感觉,所以我又系统的学习了下前端的基础知识。谁知道以后会不会跳槽呢 ,如果把之前准备的内容沉淀下来,下次再面试时就可以直接使用了。之后我也会抽时间整理进阶篇,欢迎大家和我多交流。

前端技能树

我自己觉得:

知识点的整理最重要的不是罗列,而是按照一定的结构进行归类。

这样的好处就是,我可以将前端的知识挂在一颗技能树之上,这样后面我再学习到新的技术,只需要找到合适的位置,将他们挂上去。不止方便查找记忆,同时也会让我更好的理解新的技术(类比方法)。

技能树上最大的几个枝干包含了前端涉及的3个技术(HTML,CSS,JS),另外我还加了两个大“枝条”——前端工具,及方法论。

“前端工具”定位是能够帮助我提升工作,开发效率,或者企业端最常使用的“工程化”类的工具。“方法论”就是一些代码老司机无意中传授的一些方法,或者是设计理念。如果能够自己加以使用,可以提升自己的设计或者学习能力。

于是一颗极简技能树出炉了,如下。

技能树填充

常规总结技能点方法是:找几本前端的书,然后依次按照不同的技术把知识点列全。

我的方法是:

找到我之前做的或学的项目,依次对他们进行分析,实现功能的技术点是什么。

这样画知识点好处是:

所有知识点来自实战,都是最实用的

从更抽象的层面看,知识点结构会更加清晰

所以技能树开始添加内容,如下:

这样你也可以DIY自己的技能之树了。

面试之前,拿出来一个点一个点的撸一波,提升一面成功率。

HTML基础知识点:

掌握了这些标签,大大小小的页面结构做出来应该是没问题了。

CSS基础知识点:

JS基础知识点:

我目前是在职前端开发,如果你现在也想学习前端开发技术,在入门学习前端的过程当中有遇见任何关于学习方法,学习路线,学习效率等方面的问题,你都可以申请加入我的前端学习交流3000人裙:前面:851 中间:231 最后:348。里面聚集了一些正在自学前端的初学者裙文件里面也有我做前端技术这段时间整理的一些前端学习手册,前端面试题,前端开发工具,PDF文档书籍教程,需要的话都可以自行来获取下载。

正好之前有个面试官问:

什么是变量提升,在这实际开发中会有什么问题, 如何解决呢?

后面基础篇会不定期整理并且添加资料。其中的视频资料感觉是Up主更新的一整套内容,我自己都看过,挑了些我觉得讲的清晰的而且是比较难理解的概念,贴在了这边。希望可以帮到前端入门小白白,如果有侵权,请联系我删除。。。。

推荐阅读更多精彩内容