当前位置: 首页 > Web前端 > HTML

【重学前端专栏学习笔记】建立系统的知识架构体系

时间:2023-04-02 23:22:29 HTML

明确自己的前端学习路线。我特别喜欢上课。看着自己买的课程,有一种满足感,仿佛所有的知识都是我的。翻看了极客时间买的课,决定这段时间再研究一下前端专栏。从周六到今天,我一共学习了5篇文章。这个专栏的信息量很大,尤其是第一章《前端的学习路线与方法》给了我很大的启发。首先分享一下我一上来就分享的两个学习方法:建立知识结构和追根溯源。建立知识结构相当于对知识进行分类,输入时有序存储,输出时快速找出对象的知识点。追本溯源的学习方法特别适用于一些概念性的东西,可以追溯它被提出时的背景和后续的演化过程。建立知识框架Winter在文章中说:你的知识框架是什么?this、closure、scope、prototype等术语拼凑起来?这些名词有关系吗?显然这只是在堆砌名词。就算你弄清楚了这是什么,你也不知道为什么会这样。然后每次有新技术出炉,我就被一堆名词搞得头晕目眩,无从下手。温特给出了他的知识框架。他把javascript分为三个层次:grammar,lexical,grammar,semantics,runtimetype,为什么执行过程这么划分,他说:对于任何一种计算机语言,都必须“使用规定的语法,去表达具体的一个过程semanticsandfinallyoperationruntime”在这里有三个术语:语法、语义和运行时。大多数同学对这三个词都比较陌生,我当然也是。第一次接触这些名词的时候,还是挺震撼的。虽然我还不太明白它们的含义,但在这里让我们熟悉一下它们。下次再出现这些名词,我就有印象了。追根溯源的方法可以帮助我们理解一些看似不合理的事情,有时还能发现一些八卦。在《饥饿谷》向方方学习时,方方先生每讲一个新概念,总是从历史说起。这些知识虽然看起来没什么用,但是在以后遇到一些问题的时候会有所帮助。不懂的东西特别有用,你不会质疑知识本身。列一张前端知识架构图在本章中,winter分享了本栏目要学习的知识架构:javascript、html/css、浏览器实现原理与API、前端工程实践四个模块。JavaScript是根据语法、语义和运行时来解释的。这符合语言的一般规律:用一定的词汇和语法表达一定的语义,从而运行时运行。按照这个规律继续划分,runtime可以划分为:数据结构和执行过程,数据结构和执行过程又可以进一步划分...文法中的句法和语义是一一对应的-一一对应html/css和浏览器的实现原理和API知识比较详细,这里就不一一列举了。最后一个是前端工程实践,从性能、工具链、持续集成、构建系统、架构和基础库五个方面入手。总结最后,冬天留下了一个问题:你的知识划分和我的一样吗?我以前的知识体系很混乱。js、ts、vue、git、webpack、小程序、es6、canvas等知识一头雾水。我学得越多,我就越迷茫。完全不知道要学什么,只知道这些名词,所见即所得,然后全部学完,而正确的学习方法应该像冬天一样把知识结构划分开来,然后深入学习。