javascript 性能 · 平稳退化、渐进增强

本文介绍了JavaScript中的平稳退化与渐进增强的概念及其应用。通过具体案例阐述了这两种策略的区别，平稳退化旨在确保低版本浏览器的兼容性，而渐进增强则侧重于在稳定性和可访问性的基础上逐步提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

浅尝 javascript 平稳退化和渐进增强

何为平稳退化？何为渐进增强？
下面举例说明：

例如，有的早期的纯文本浏览器中不支持在html里包含图片，相应是使用alt属性的替代文本。
而现在的浏览器也仍有功能较弱的，为了确保使用基本配置浏览器的用户能访问站点，也能让高级浏览器用户获得增强功能，需要对代码进行分离样式、内容和代码。

平稳退化的一个例子：

渐进增强的一个例子：

例子	解决方案
type="button"提交表单 `document.form[0].submit()`	type=“submit” `return true`
其他	等等

相比较于平稳退化，前者是为了编写一个烤炉周全的页面，为浏览器功能较弱的用户提供完整的访问。
后者是为了在站点稳定性、可访问性、功能完整性的优先情况下，在基本配置到高级浏览器用户的功能利用，能逐渐增强。

渐进增强知识点：

html 语义层

css 表现层

Javascript 行为层

所谓代码分离的javascript：就是上述三层分离；也是其核心概念。

把代码模块化已达到更加通用的目的，这个过程叫作抽象。
根据剥离JavaScript代码的原则，JavaScript代码应该位于外部文件。而非内联或head部分的script标签里。

以上就是关于“ javascript性能之平稳退化、渐进增强 ” 的全部内容。