6、构建响应式 Web 应用：从基础到高级技巧-优快云博客

本文链接：https://blog.youkuaiyun.com/seed/article/details/150567807

构建响应式 Web 应用：从基础到高级技巧

1. 改变 Web 应用流程与渐进增强

在 Web 应用开发中，我们不仅可以改变单个页面的外观和交互性，还能改变应用的流程。通过 JavaScript 管理 DOM 元素并响应事件，能让 Web 应用对用户的响应更加及时，提供关于用户产品选择成本的有用信息，并简化应用流程。

渐进增强的概念

渐进增强是指先创建基础功能，再选择性地丰富它。这不仅仅关乎 JavaScript 的可用性，还包括基于任何因素（如带宽、浏览器类型或用户经验水平）的选择性增强。在创建 Web 应用时，最常见的渐进增强形式是根据用户是否启用 JavaScript 来实现。

与渐进增强类似的概念是优雅降级，在实际应用中，两者都强调无论用户浏览器的功能如何，Web 应用的核心内容和功能都应可供所有用户使用。

如果不想支持不启用 JavaScript 的浏览器，可使用 <noscript> 和 <meta> 元素将浏览器重定向到解释情况的页面，示例代码如下：

<head>
    <title>CheeseLux</title>
    <link rel="stylesheet" type="text/css" href="styles.css"/>
    <script src="jquery-1.7.1.js" type="text/javascript"></script>
    <