ADS1.1 JavaScript最佳实践——不唐突和渐进增强

前端技术 everyinch 3631℃ 0评论

XHTML(Extensible HyperText Markup Language,可扩展超文本标记语言),CSS(Cascading Style Sheets,层叠样式表)和使用JavaScript的DOM(Document Object Model)脚本是Web设计的三个主要部分。其中,XHTML用于提供文档结构的语义标记,CSS为文档布局提供定位和样式,而DOM脚本编程用于增强文档的行为和交互性。注意到,上面说的是DOM脚本“增强”,而不是为文档“提供”行为和交互性。“增强”和“提供”之间的差异暗示了一个重要区别。这个区别就在于不唐突(Unobtrusive JavaScript)。
Unobtrusive JavaScript是一种将Javascript从XHTML结构抽离出来的设计概念,避免在XHTML标记中夹杂一堆onchange、onclick……等属性去处理Javascript事件,使XHTML也变得结构化且容易阅读。
Unobtrusive JavaScript是在网页中使用JavaScript的一般方式。该名称并非正式定义,它的基本原则包括:
□ 行为层和表现层分离开;
□ 解决传统JavaScript编程问题(浏览器呈现不一致,缺乏扩展性);
□ 为可能不支持JavaScript高级特性的用户代理(通常是浏览器)提供渐进增强
经常和不唐突联系在一起的两个术语是:渐进增强(progressive enhancement)和平稳退化(graceful degradation)。当浏览支持相应功能时文档会得到增强(渐进增强),而当浏览器不支持相应功能时,文档被退化(平稳退化)。这两个术语共同接受的前提是:并非所有浏览器都遵循相同的标准,所以不能为迎合少数人而强迫所有人都接受一种低质量的服务。换句话说就是在使用JavaScript时妨碍了内容的有效性和可访问性,那么做法就是错误的。
当使用DOM脚本是必须遵循以下原则:
□ 与标准兼容:确保Web应用程序能够在更新更好的浏览器中继续运行
□ 容易维护:综合运用可重用和容易理解的方法,以便能够集中关注业务逻辑,而不是反复重写代码
□ 具有可访问性:确保能够简便而有效地访问内容,即使用户无法运行脚本或者禁用了JavaScript
□ 具有可用性:那些在一种情况下非常有效但很难实现或者重用的脚本,在日后的使用时不会有太大的价值



转载请注明:陈童的博客 » ADS1.1 JavaScript最佳实践——不唐突和渐进增强

喜欢 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. AdvancED DOM Scripting
    枫叶女孩2014-01-21 20:24 回复
    • 对的,记录学习历程。日后便于整理
      everyinch2014-01-21 20:37 回复

无觅相关文章插件,快速提升流量