重学前端学习笔记（三）--前端知识框架图

笔记说明

重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏， 天天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的能够加入winter的专栏学习【原文有winter的语音】，若有侵权请联系我，邮箱：kaimo313@foxmail.com。

列一份前端知识框架图

两个目标

一、把没法通查阅解决的原理和背景讲清楚

二、把不方便查阅和记忆的内容整理好

前端知识划分

本文全部知识架构图由winter专栏提供

一、基础部分

JavaScript知识架构

• 编程语言通常规律：用必定的词法和语法，表达必定语义，从而操做运行时

CSS和HTML知识架构

• 文档元信息：一般是出如今 head 标签中的元素，包含了描述文档自身的一些信息
• 语义相关：扩展了纯文本，表达文章结构、不一样语言要素的标签
• 连接：提供到文档内和文档外的连接
• 替换型标签：引入声音、图片、视频等外部元素替换自身的一类标签
• 表单：用于填写和提交信息的一类标签
• 表格：表头、表尾、单元格等表格的结构

浏览器的实现原理知识架构

二、实践部分

前端工程实践

• 性能
• 工具链
• 持续集成
• 搭建系统
• 架构与基础库

前端的知识框架

我的总结

我上大学那一会，尚未专门开设前端课程，只有几本书简单讲解了JavaScript跟部分网页知识，前端也没有十分重视，也没有听过前端工程师这个职位，想必你们不少都同样，从事前端这份工做要不是自学过来的，要不就是培训过来的，固然也有不少大佬是从事其余语言开发过来的，若是以为本身的前端知识架构不太完善的话，但愿这篇能帮助到你