版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_35393869/article/details/82385633
浅尝 javascript 平稳退化和渐进增强
何为平稳退化？何为渐进增强？下面举例说明：
例如，有的早期的纯文本浏览器中不支持在html里包含图片，相应是使用alt属性的替代文本。
而现在的浏览器也仍有功能较弱的，为了确保使用基本配置浏览器的用户能访问站点，也能让高级浏览器用户获得增强功能，需要对代码进行分离样式、内容和代码。
平稳退化
平稳退化的一个例子：
| 例子 | 解决方案 |
|---|---|
| 纯文本浏览器html不支持img | 增加alt属性：替换文本 |
| 用户受限，无法正常使用鼠标 | 辅助选项：屏幕阅读软件 |
| 其他 | 使用<noscript>标签、等等 |
渐进增强
渐进增强的一个例子：
| 例子 | 解决方案 |
|---|---|
type=”button”提交表单 document.form[0].submit() |
type=”submit” return true |
| 其他 | 等等 |
相比较于平稳退化，前者是为了编写一个烤炉周全的页面，为浏览器功能较弱的用户提供完整的访问。
后者是为了在站点稳定性、可访问性、功能完整性的优先情况下，在基本配置到高级浏览器用户的功能利用，能逐渐增强。
- 渐进增强知识点：
- html 语义层
- css 表现层
-
Javascript 行为层
所谓
代码分离的javascript：就是上述三层分离；也是其核心概念。
相关文章：
- 代码分离的 javascript
把代码模块化已达到更加通用的目的，这个过程叫作
抽象。
根据剥离JavaScript代码的原则，JavaScript代码应该位于外部文件。而非内联或head部分的script标签里。
以上就是关于“ javascript性能 之 平稳退化、渐进增强 ” 的全部内容。