JavaScript DOM编程艺术 学习笔记(五)最佳实践


平稳退化:

正确使用JavaScript脚本,让访问者在它他们的浏览器不支持JavaScript的情况下能顺利浏览你的网站,这就是所谓的平稳退化(graceful degradation),即虽然某些功能无法使用但最基本的操作能顺利完成。


分离JavaScript

htmlcss(表示层)的分离

htmljavaScript(行为层)的分离

html中元素的事件也可以分离出来  element.event = action而不是放在htmleventname = “”;这样


向后兼容:

比较古老的浏览器很可能无法理解DOM提供的方法和属性,因此就算支持JavaScript也不一定能正常工作。

针对这个问题的最简单的解决方案就是检测浏览器对javaScript的支持程度

eg: if(document.getElementById) 即此浏览器支持此方法


性能优化:

  1. 尽量少访问dom和尽量减少标记(也是为了减少dom树的规模)
  2. 合并js:不要链接多个js文件,尽量合并到一个脚本中,可以减少加载页面时发送的请求数量。
  3. 放置js:位于<head>块中的脚本会导致浏览器无法并行加载其他文件,所以把<script>标签放到文档的末尾,</body>之前,就可以让页面变得更快。而且就算放到文档的末尾,window对象的load事件仍然可以对文档进行各种操作。(而css的外部链接应放在<head>里引用)
  4. 压缩js:把脚本文件中不必要的字节如空格注释删除(可以借助工具有的工具甚至会精简变量名一般精简的副本文件名加上min字样例如xxx.min.js 压缩工具见第92页) 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值