Web标准:结构、样式和行为
网页源代码:.html文件、.css文件、.js文件
页面模块划分原则:
模块与模块之间尽量不要包含相同的部分,如果有相同的部分,应该将它们提取出来,拆分成一个独立的模块。
模块应在保证数量尽可能少的原则下,做到尽可能简单,以提高重用性。
低权重原则:
当不同选择符的样式设置有冲突时,会采用权重高的选择符设置的样式。权重的规则是这样的:html标签的权重是1,class的权重是10,id的权重是100。如果CSS选择符权重相同,那么样式会遵循就近原则,哪个选择符最后定义,就采用哪个选择符的样式。
CSS hack
1、IE条件注释法
1)ie6.css
.test{width:60px;}
2)ie7.css
.test{width:60px;}
3)ie8.css
.test{width:60px;}
<!—[if IE 6]>
<link type=”text/CSS” href=”ie6.css” rel=”stylesheet”/>
<![endif]-->
<!—[if gt IE 7]>
<link type=”text/CSS” href=”ie7.css” rel=”stylesheet”/>
<![endif]-->
<!—[if IE 6]>
<link type=”text/CSS” href=”ie6.css” rel=”stylesheet”/>
<![endif]-->
2、选择符前缀法
原理:在CSS选择符前加一些只有特定浏览器才能识别的前缀,从而让某些样式只对特定浏览器生效。例如”*html”前缀只对IE 6生效,”*+html”前缀只对IE7生效。
<style type=”text/CSS”>
.test{width:80px;}
* html .test{width:60px;}
*+html .test{width:70px}
</style>
3、样式属性前缀法
原理:在样式的属性名前加前缀,这些前缀只在特定浏览器下才生效。例如”_”只在IE6下生效,”*”在IE6和IE7下生效。
<style style=”text/CSS”>
.test{width:80px;*width:70px;_width:60px;}
</style>
最流行的hack方式是选择前缀法和样式属性前缀法(利于开发和维护)
用匿名函数将脚本包起来,可以有效控制全局变量,避免冲突隐患。”(function(){})()”,先定义一个匿名的function,然后立即执行它。包在这个匿名function里的变量,作用域不再是window,而是局限在函数内部。
<script>
(function(){
Var a=123,b=”hello world!”;
……
})()
</script>
CSS放在页头,JavaScript放在页尾。
监听多个事件:
可以使用attachEvent和addEventListener方法来代替on.***监听事件。其中attachEvent是IE支持的方法,而addEventListener方法支持监听处理函数的叠加。
<script>
Var btn=document.getElementById(“btn”);
If(document.all){
Btn.attachEvent(“onclick”,function(){})
}
Else{
Btn.addEventLisetener(“click”,function(){},false)
}
</script>
将复杂类型的数据转化成字符串,称为数据的序列化,其逆操作叫做数据的反序列。字符串的反序列化是通过eval函数实现的。
分享到:
相关推荐
编写高质量代码--Web前端开发修炼之道.PDF
编写高质量代码-web前端开发修炼之道-源代码.pdf
本书的核心内容是围绕Web前端开发的三大技术要素——HTML、CSS和JavaScript来深入地探讨编写高质量的HTML代码、CSS代码和JavaScript代码的方法、技巧、规范和最佳实践,从而为编写易于维护的Web前端代码打下坚实的...
编写高质量代码--Web前端开发修炼之道(完整版).rar
html+js+css, 编写高质量代码-web前端开发修炼之道-源代码 本书的核心内容是围绕Web 前端开发的三大技术要素——HTML、CSS 和JavaScript 来深入地 探讨编写高质量的HTML 代码、CSS 代码和JavaScript 代码的方法、...
2.1 揭秘前端开发工程师 2.2 欲精一行,必先通十行 2.3 增加代码可读性——注释 2.4 提高重用性——公共组件和私有组件的维护 2.5 冗余和精简的矛盾——选择集中还是选择分散 2.6 磨刀不误砍柴工——前期的...
《编写高质量代码—Web前端开发修炼之道》中的base.css文件,手打的,挺实用的,建议大家使用
本书的核心内容是围绕Web前端开发的三大技术要素——HTML、CSS和JavaScript来深入地探讨编写高质量的HTML代码、CSS代码和JavaScript代码的方法、技巧、规范和最佳实践,从而为编写易于维护的Web前端代码打下坚实的...
000_编写高质量代码Web前端开发修炼之道 经典书籍 私藏 私藏 私藏 好评一个积分
编写高质量代码 —Web 前端开发修炼之道
base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css base.css ...
资源名称:web前端应用时代来临 (曹刘阳) 中文PDF版内容简介: web前端应用时代来临 (曹刘阳)部分内容引自国内著名的前端开发攻城师----曹刘阳(阿当),曾出版书籍《编写高质量代码--WEB前端开发修炼之道》而大受...
《编写高质量代码:改善javascript程序的188个建议》是web前端工程师进阶修炼的必读之作,将为你通往“javascript技术殿堂”指点迷津!内容全部由编写高质量的javascript代码的最佳实践组成,从基本语法、应用架构、...
内容全部由编写高质量的JavaScript代码的最佳实践组成,从基本语法、应用架构、工具框架、编码风格、编程思想等5大方面对Web前端工程师遇到的疑难问题给出了经验性的解决方案,为Web前端工程师如何编写更高质量的...
《编写高质量代码--Web前端开发修炼之道》作者曹刘阳的讲座PPT,主要内容包括:1)前端的发展和现状;2)行业内前端的位置;3)前端的实际工作;4)面临的问题;5)未来的机遇;6)建议的修炼之路
Web标准由一系列标准组合而成,其核心理念是将网页的结构、样式和行为分离开来,所以它可以分为三大部分:结构标准、样式标准和行为标准
《编写高质量代码:改善javascript程序的188个建议》内容简介:本书是web前端工程师进阶修炼的必读之作,将为你通往“javascript技术殿堂”指点迷津!内容全部由编写高质量的javascript代码的最佳实践组成,从基本...
内容全部由编写高质量的JavaScript代码的最佳实践组成,从基本语法、应用架构、工具框架、编码风格、编程思想等5大方面对Web前端工程师遇到的疑难问题给出了经验性的解决方案,为Web前端工程师如何编写更高质量的...