根据winter老师的划分,前端知识在总体上分为基础部分和实践部分。
其中基础部分,就包含了JavaScript语言、HTML+CSS、浏览器实现原理和API三个模块,这三个模块涵盖了一个前端工程师的所需要掌握的全部知识;
而实践部分,winter会分享自己工作过程中遇到的问题以及解决方案;
JavaScript

上图的划分遵循了编程语言的一般规律:用一定的词法和语法,表达一定的语义,从而操作运行时。
再看,把运行时划分为数据结构和算法(执行过程)
数据结构:包含类型和实例,JavaScript类型就是它的7种基本类型和7种语言类型,实例就是它的内置对象;
【7种基本类型:Undefined、Null、Boolean、Number、String、Symbol(ES6)、Object(复杂数据类型/引用类型)】
【7种语言类型:List和Record、Set、Completion Record、Reference、Property Descriptor、Lexical Environment和Environment Record、Data Block】
算法:所谓算法,也就是JavaScript的执行过程。
HTML+CSS

HTML部分,划分为元素、语言、补充标准;
元素的划分:
1、文档元信息:通常出现在head标签中的元素,包含了描述文档自身的一些信息;例:title、meta、style、link、base等
2、语义相关:扩展了纯文本,表达文章结构、不同语言要素的标签;例:section、nav等
3、链接:提供到文档内和文档外的链接;
4、替换型标签:引入声音、图片、视频等外部元素替换自身的一类标签;例:img、video等
5、表单:用于填写和提交信息的一类标签;例:input、button等
6、表格:表头、表尾、单元格等表格结构。
CSS部分,划分为语言和功能;后边文章再做详细介绍
浏览器的实现原理和API

先看图,了解为啥这样划分,同样后边再详细介绍。
前端工程实践

前端工程实践=性能+工具链+持续集成+搭建系统+架构与基础库
网友评论