> For the complete documentation index, see [llms.txt](https://lewiszlw.gitbook.io/notebooks/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lewiszlw.gitbook.io/notebooks/blogs/history/zui-jia-shi-jian.md).
# 最佳实践
### 导读
平稳退化：确保网页在不支持JavaScript的情况下也能正常工作。 分离JavaScript：把网页的结构和内容与JavaScript脚本的动作分开。 向后兼容性：确保老版本的浏览器不会因为你的JavaScript脚本而死掉。 性能考虑：确保脚本执行的性能最优。
### 平稳退化
如果正确地使用了JavaScript脚本，就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你的网站。这就是所谓的**平稳退化**（graceful degradation），就是说，虽然某些功能无法使用，但最基本的操作仍能顺利完成。
### 分离JavaScript
例如，如何用下面给这条语句来表明“当这个链接被点击时，它将调用popUp()函数”的意思呢？
```html
```
获取这个事件的元素：
```javascript
var links=document.getElementsByTagName("a");
for (var i=0;i部分用\
```
推荐做法是把functionA.js、functionB.js、functionC.js、functionD.js合并到一个脚本文件中。这样，就可以减少加载页面时发送的请求数量。而减少请求数量通常都是在性能优化时首先要考虑的。 脚本在标记中的位置对页面的初次加载时间也有很大影响。传统上，我们都把脚本放在文档的\区域，这种放置问题有一个问题。位于\块中的脚本会导致浏览器无法并行加载其他文件（如图像或其他脚本）。一般来说，根据HTTP规范，浏览器每次从同一个域名中最多只能同时下载两个文件。而在下载脚本期间，浏览器不会下载其他任何文件，即使是来自不同域名的文件也不会下载，所有其他资源都要等脚本加载完毕后才能下载。 把所有的\
```
推荐的代码压缩工具：
* [Douglas Crockford的JSMin](http://www.crockford.com/javascript/jsmin.html)
* [雅虎的YUI Compiler](http://developer.yahoo.com/yui/compressor)
* [谷歌的Closure Compiler](http://closure-compiler.appspot.com/home)