学习成果

HTML、CSS 和 JavaScript 的用途。

注意:

主要 Web 创作技术的用途

HTML 用于结构和语义（含义）。

CSS 用于样式和布局。

JavaScript 用于控制动态行为。

它们在更大的生态系统中的位置，以及它们并非唯一的 Web 技术。

为什么分离层级是个好主意。

注意:

分离是个好主意，因为

代码管理和理解。

团队协作/角色分离。

性能。

事实上，在现实中，分离并不总是清晰的。

注意:

一个典型的例子是使用 JavaScript 来实时动态更新 CSS 样式，以响应应用程序状态的变化、用户选择等。

通常的做法是修改 `Element.style.x` 属性，这会导致内联 CSS 被注入到 HTML 中。更好的策略是添加/更改元素的类，以避免内联 CSS。

更严重的是，JavaScript 框架使用各种“HTML-in-JavaScript”或“CSS-in-JavaScript”的自定义语法，导致大量混合了不同语法类型。

这种分离的性质——一个可以努力追求的理想，而不是绝对的。

渐进增强的概念。

注意:

渐进增强通常被认为不重要，因为如今浏览器对新功能的兼容性越来越好，而且人们的网络连接速度也越来越快。然而，您应该考虑与现代相关的例子——减少装饰以使移动体验更流畅并节省数据，或者为仍在按兆字节支付家庭互联网费用的发展中国家的用户提供更简单、低带宽的体验。

这延伸到响应式设计，稍后将进行更深入的介绍。

资源

Web 开发基础入门，Scrimba 课程合作伙伴

Web 和 Web 标准

Web 标准模型，explainers.dev

什么是渐进增强，为什么它很重要