前端的几个概念

平稳退化：让访问者在他们的浏览器不支持js情况下仍能顺利的浏览你的网站。

文档结构与样式的分离可确保网页能平稳退化

渐进增强：使用额外的信息层包裹原始数据。渐进增强一般都符合平稳退化，好穿好剥啊。

内容-标记(结构)-表现-行为

行为与结构分离，例子直接调用元素对象的onclick()方法，而非内嵌在标签里。

向后兼容：较老版本的浏览器可能不理解DOM提供的方法和属性，毕竟DOM 经过了dom1，dom2，dom3级别发展。

可以引进对象检测，检测对象是否存在；

if(!getElementById||!getElementsByTagName) return false;

浏览器嗅探技术，提前浏览器供应商提供的信息处理兼容问题，似乎现在不常用了。

性能考虑：

• 尽量少访问DOM和减少标记：把dom对象赋给变量，可以减掉dom的重复访问，标记涉及文档树的遍历问题
• 合并和放置脚本：多个方法脚本合并到一起，减少对服务器的请求
• 压缩脚本：删除不必要的字节空格注释等，甚至重写部分代码，例如改成更短的变量名