笔记说明
重学前端是程劭非(winter)【前手机淘宝前端负责人】在极客时间开的一个专栏,每天 10 分钟,重构你的前端知识体系,笔者主要整理学习过程的一些要点笔记以及感悟,完整的可以加入 winter 的专栏学习【原文有 winter 的语音】,如有侵权请联系我,邮箱:kaimo313@foxmail.com。
列一份前端知识框架图
两个目标
1、把无法通查阅解决的原理和背景讲清楚
2、把不方便查阅和记忆的内容整理好
前端知识划分
本文所有知识架构图由 winter 专栏提供
1、基础部分
JavaScript 知识架构
- 编程语言一般规律:用一定的词法和语法,表达一定语义,从而操作运行时
CSS 和 HTML 知识架构
- 文档元信息:通常是出现在 head 标签中的元素,包含了描述文档自身的一些信息
- 语义相关:扩展了纯文本,表达文章结构、不同语言要素的标签
- 链接:提供到文档内和文档外的链接
- 替换型标签:引入声音、图片、视频等外部元素替换自身的一类标签
- 表单:用于填写和提交信息的一类标签
- 表格:表头、表尾、单元格等表格的结构
浏览器的实现原理知识架构
2、实践部分
前端工程实践
- 性能
- 工具链
- 持续集成
- 搭建系统
- 架构与基础库
前端的知识框架
个人总结
我上大学那一会,还没有专门开设前端课程,只有几本书简单讲解了 JavaScript 跟部分网页知识,前端也没有十分重视,也没有听过前端工程师这个职位,想必大家很多都一样,从事前端这份工作要不是自学过来的,要不就是培训过来的,当然也有很多大佬是从事其他语言开发过来的,如果觉得自己的前端知识架构不太完善的话,希望这篇能帮助到你