前端的几个概念
2015-06-14 21:42
288 查看
平稳退化:让访问者在他们的浏览器不支持js情况下仍能顺利的浏览你的网站。
文档结构与样式的分离可确保网页能平稳退化
渐进增强:使用额外的信息层包裹原始数据。渐进增强一般都符合平稳退化,好穿好剥啊。
内容-标记(结构)-表现-行为
行为与结构分离,例子直接调用元素对象的onclick()方法,而非内嵌在标签里。
向后兼容:较老版本的浏览器可能不理解DOM提供的方法和属性,毕竟DOM经过了dom1,dom2,dom3级别发展。
可以引进对象检测,检测对象是否存在;
if(!getElementById||!getElementsByTagName) return false;
浏览器嗅探技术,提前浏览器供应商提供的信息处理兼容问题,似乎现在不常用了。
性能考虑:
尽量少访问DOM和减少标记:把dom对象赋给变量,可以减掉dom的重复访问,标记涉及文档树的遍历问题
合并和放置脚本:多个方法脚本合并到一起,减少对服务器的请求
压缩脚本:删除不必要的字节空格注释等,甚至重写部分代码,例如改成更短的变量名
文档结构与样式的分离可确保网页能平稳退化
渐进增强:使用额外的信息层包裹原始数据。渐进增强一般都符合平稳退化,好穿好剥啊。
内容-标记(结构)-表现-行为
行为与结构分离,例子直接调用元素对象的onclick()方法,而非内嵌在标签里。
向后兼容:较老版本的浏览器可能不理解DOM提供的方法和属性,毕竟DOM经过了dom1,dom2,dom3级别发展。
可以引进对象检测,检测对象是否存在;
if(!getElementById||!getElementsByTagName) return false;
浏览器嗅探技术,提前浏览器供应商提供的信息处理兼容问题,似乎现在不常用了。
性能考虑:
尽量少访问DOM和减少标记:把dom对象赋给变量,可以减掉dom的重复访问,标记涉及文档树的遍历问题
合并和放置脚本:多个方法脚本合并到一起,减少对服务器的请求
压缩脚本:删除不必要的字节空格注释等,甚至重写部分代码,例如改成更短的变量名
相关文章推荐
- [LeetCode][JavaScript]LRU Cache
- JS获取地址栏参数
- jQuery中trigger()的使用方法
- javascript表单验证
- css学习笔记-1
- leetcode--Populating Next Right Pointers in Each Node
- css布局之图片被拉伸问题
- CSS小知识---回到顶部
- Swap Nodes in Pairs
- 你所不知道的JavaScript(一)this 关键字
- bootstrap布局:嵌套布局和流动布局
- Yii 中使用 yii-bootstrap 扩展
- 关于css中两层div的水平垂直居中问题
- js中的闭包之我理解
- FaceBook/infer-infer捕捉的bug类型
- CSS3知识点
- 在jsp页面如何获得url参数
- 文件系统(一)--super.c bitmap.c inode.c 源码分析
- bootstrap布局:网格布局
- 在Fedora22中安装OpenCV3.0.0