平稳退化:
正确使用JavaScript脚本,让访问者在它他们的浏览器不支持JavaScript的情况下能顺利浏览你的网站,这就是所谓的平稳退化(graceful degradation),即虽然某些功能无法使用但最基本的操作能顺利完成。
分离JavaScript:
html和css(表示层)的分离
html和javaScript(行为层)的分离
html中元素的事件也可以分离出来 element.event = action而不是放在html里eventname = “”;这样
向后兼容:
比较古老的浏览器很可能无法理解DOM提供的方法和属性,因此就算支持JavaScript也不一定能正常工作。
针对这个问题的最简单的解决方案就是检测浏览器对javaScript的支持程度
eg: if(document.getElementById) 即此浏览器支持此方法
性能优化:
- 尽量少访问dom和尽量减少标记(也是为了减少dom树的规模)
- 合并js:不要链接多个js文件,尽量合并到一个脚本中,可以减少加载页面时发送的请求数量。
- 放置js:位于<head>块中的脚本会导致浏览器无法并行加载其他文件,所以把<script>标签放到文档的末尾,</body>之前,就可以让页面变得更快。而且就算放到文档的末尾,window对象的load事件仍然可以对文档进行各种操作。(而css的外部链接应放在<head>里引用)
- 压缩js:把脚本文件中不必要的字节如空格注释删除(可以借助工具有的工具甚至会精简变量名一般精简的副本文件名加上min字样例如xxx.min.js 压缩工具见第92页)