重学前端

目录

• 尾声

  • 尾声 _ 长风破浪会有时，直挂云帆济沧海

• 开篇词 学习路线 架构图

  • 列一份前端知识架构图
  • 开篇词 _ 从今天起，重新理解前端
  • 明确你的前端学习路线与方法

• 模块一： Java Script

  • （小实验）理解编译原理：一个四则运算的解释器
  • JavaScript对象：你知道全部的对象分类吗？
  • JavaScript对象：我们真的需要模拟类吗？
  • JavaScript对象：面向对象还是基于对象？
  • JavaScript执行（一）：Promise里的代码为什么比setTimeout先执行？
  • JavaScript执行（三）：你知道现在有多少种函数吗？
  • JavaScript执行（二）：闭包和执行上下文到底是怎么回事？
  • JavaScript执行（四）：try里面放return，finally还会执行吗？
  • JavaScript类型：关于类型，有哪些你不知道的细节？
  • JavaScript词法：为什么12.toString会报错？
  • JavaScript语法（一）：在script标签写export为什么会抛错？
  • JavaScript语法（三）：什么是表达式语句？
  • JavaScript语法（二）：你知道哪些JavaScript语句？
  • JavaScript语法（四）：新加入的__运算符，哪里有些不一样呢？
  • JavaScript语法（预备篇）：到底要不要写分号呢？

• 模块三：浏览器实现原理与 API

  • 浏览器：一个浏览器是如何工作的？（阶段一）
  • 浏览器：一个浏览器是如何工作的？（阶段二）
  • 浏览器：一个浏览器是如何工作的？（阶段五）
  • 浏览器：一个浏览器是如何工作的？（阶段四）
  • 浏览器：一个浏览器是如何工作的（阶段三）
  • 浏览器API（小实验）：动手整理全部API
  • 浏览器CSSOM：如何获取一个元素的准确位置
  • 浏览器DOM：你知道HTML的节点有哪几种吗？
  • 浏览器事件：为什么会有捕获过程和冒泡过程？

• 模块二： HTML和 CSS

  • CSS Flex排版：为什么垂直居中这么难？
  • CSS 选择器：如何选中svg里的a元素？
  • CSS动画与交互：为什么动画要用贝塞尔曲线这么奇怪的东西？
  • CSS小实验：动手做，用代码挖掘CSS属性
  • CSS排版：从毕升开始，我们就开始用正常流了
  • CSS渲染：CSS是如何绘制颜色的？
  • CSS语法：除了属性和选择器，你还需要知道这些带@的规则
  • CSS选择器：伪元素是怎么回事儿？
  • HTML·ARIA：可访问性是只给盲人用的特性么？
  • HTML元信息类标签：你知道head里一共能写哪几种标签吗？
  • HTML小实验：用代码分析HTML标准
  • HTML替换型元素：为什么link一个CSS要用href，而引入js要用src呢？
  • HTML语义：div和span不是够用了吗？
  • HTML语义：如何运用语义类标签来呈现Wiki网页？
  • HTML语言：DTD到底是什么？
  • HTML链接：除了a标签，还有哪些标签叫链接？

• 模块四：前端综合应用

  • 前端架构：前端架构有哪些核心问题？
  • 工具链：什么样的工具链才能提升团队效率？
  • 性能：前端的性能到底对业务数据有多大的影响？
  • 持续集成：几十个前端一起工作，如何保证工作质量？
  • 搭建系统：大量的低价值需求应该如何应对？

• 特别加餐

  • 免费学习 _ 手把手带你实现一个极简的 React 框架
  • 加餐 _ 一个前端工程师到底需要掌握哪些技能？
  • 加餐 _ 前端与图形学
  • 加餐 _ 前端交互基础设施的建设
  • 新年彩蛋 _ 2019，有哪些前端技术值得关注？
  • 期中答疑 _ name(){}与name_ function() {}，两种写法有什么区别吗？
  • 期末答疑（一）：前端代码单元测试怎么做？
  • 期末答疑（二）：前端架构中，每个逻辑页面如何可以做到独立发布呢？
  • 用户故事 _ 那些你与“重学前端”的不解之缘
  • 答疑加餐 _ 学了这么多前端的“小众”知识，到底对我有什么帮助？