列一份前端知识框架图
两个目标
1、把无法通查阅解决的原理和背景讲清楚
2、把不方便查阅和记忆的内容整理好
前端知识划分
本文所有知识架构图由winter专栏提供
1、基础部分
JavaScript知识架构
- 编程语言一般规律：用一定的词法和语法，表达一定语义，从而操作运行时
CSS和HTML知识架构
文档元信息：通常是出现在 head 标签中的元素，包含了描述文档自身的一些信息
语义相关：扩展了纯文本，表达文章结构、不同语言要素的标签
链接：提供到文档内和文档外的链接
替换型标签：引入声音、图片、视频等外部元素替换自身的一类标签
表单：用于填写和提交信息的一类标签
表格：表头、表尾、单元格等表格的结构
浏览器的实现原理知识架构
2、实践部分
前端工程实践
- 性能
- 工具链
- 持续集成
- 搭建系统
- 架构与基础库
前端的知识框架
