文章第一句话为“这是我参与「第四届青训营 」笔记创作活动的第8天
前端开发是一个随着Web标准不断健全和完善发展起来的职业，本课程从宏观视角概述了前端开发这一职业的起源和变迁，重点介绍了与前端开发密切相关的国际标准组织：WW3C和Ecma TC39。
语义化是什么？ HTML中的元素、属性及属性值都拥有某些含义。 开发者应该遵循语义来编写HTML。 有序列表ol；无序列表ul。 lang属性表示内容所使用的语言。
如何做到语义化？ 了解每个标签和属性的含义。 不使用可视化工具生成代码。 选择合适的标签来描述需要的内容。
前端技术栈包括：JavaScript（行为）、CSS（样式）、HTML（内容）。
架构：以Chrome为例，介绍现代浏览器的实现架构。 导航：从输入URL到获到HTML响应称为导航。 渲染：浏览器解析HTML、下载外部资源、计算样式并把网页绘制到屏幕上。 交互：用户输入事件的处理与优化。
架构
Web浏览器的架构，可以实现为一个进程包含多个线程，也可以实现为很多进程包含少数线程通过IPC通信。如何实现浏览器，并没有统一的标准。Chrome最新的架构：最上层是浏览器进程，负责协调承担各项工作的其他进程，比如实用程序进程、渲染器进程、GPU进程、插件进程等。
导航
导航涉及浏览器进程与线程间为显示网页而通信。一切从用户在浏览器中输入一个URL开始。输入URL之后，浏览器会通过互联网获取数据并显示网页。从请求网页到浏览器准备渲染网页的过程，叫做导航。
渲染
渲染是渲染器进程内部的工作，涉及Web性能的诸多方面（详细内容可以参考这里t.cn/Ai9c4nUu）。标… Worker或Service Worker）。合成器（compositor）线程和栅格化（raster）线程负责高效、平滑地渲染页面。
交互
合成器如何处理用户交互。说到用户交互，有人可能只会想到在文本框里打字或点击鼠标。实际上，从浏览器的角度看，交互意味着来自用户的任何输入：鼠标滚轮转动、触摸屏幕、鼠标悬停，这些都是交互。
