身体健康是第第一要务。

高大上的术语 || 待掌握的技能点：

• 多屏适配方案 【多屏包括哪些】
• 搭建基础库，工具链
• 搞定性能监控系统 【性能监控的指标有哪些，如何提升性能】
• 客户端融合方案Weex 【weex 是个什么东西】

---

前端工程体系：

• 持续集成
• 前后端分离【如何设计接口，如何联调，如何 mock 数据】
• 线上监控【页面到达率】

---

前端架构

• 兼容问题
• 提倡组件化 【三大框架的组件化是如何实现的】

---

提议：立足标准，系统总结前端知识，建立自己的认知和方法论。

---

探险地图，四个洲

• JavaScript ===> 文法和运行时
• CSS && HTML ===> 语言 设计思想
• 浏览器内核 ===> 浏览器工作原理 API BOM DOM CSSOM
• 前端综合应用

真正有价值的东西永远是建立高楼大厦的工程知识，而不是雕刻在砖面的小花纹。

---

前端基础知识

究竟如何建立自己的知识体系？

方法论：知识图谱，要具有逻辑性和完备性。

盲生，你发现了华点。

来想个顶层目录，各个目录要有联系，更像是一个图结构。

• 文法
  • 词法
    • 直接量
    • 关键字
    • 运算符
  • 语法
    • 表达式
    • 词法
    • 函数
    • 对象
    • 模块
• 语义
• 运行时
  • struct
    • Undefined
    • Null
    • Boolean
    • Number
    • String
    • Object
    • Symbol
    • BigInt
  • 执行过程

用规定的文法表达特定的语义，最终操作运行时。

目前这个知识体系是不完备的，需要不断地完善。

那么，如何完善：

• JavaScript 标准
• 浏览器 API 方面 for in 遍历 window 属性
• 找到老巢 野史 opcity display[Normal Flow | grid | flex]

接下来的工作就是填充这个知识体系了。