PS设计教程网欢迎你!

网页教程:网页新手30条进阶秘技(2)

文章来源于 tuts+,感谢作者 Oncoding编码营 给我们带来经精彩的文章!
设计教程/前端设计/前端设计2009-09-14
6. 不要使用嵌入式JavaScript,这都21世纪了! 许多年以前,还存在一种这样的方式,就是直接将JS代码加入到标签中。尤其是在简单的图片相册中非常常见。本质上讲,一个onclick事件是附加在标签上的,其效果等同于一

6. 不要使用嵌入式JavaScript,这都21世纪了!

许多年以前,还存在一种这样的方式,就是直接将JS代码加入到标签中。尤其是在简单的图片相册中非常常见。本质上讲,一个“onclick”事件是附加在标签上的,其效果等同于一些JS代码。不需要讨论太多,非常不应该使用这样的方式,应该把代码转移到一个外部JS文件中,然后使用“ addEventListener / attachEvent ”加入时间侦听器。或者使用jQuery等框架,之需要使用其“clock”方法。

$('a#moreCornInfoLink').click(function() {  
  alert('Want to learn more about corn?');  
});

7. 开发中随时进行标准验证

网页教程:网页新手30条进阶秘技

很多人并不真正理解标准验证的意义和价值,笔者在一篇 博客中详细分析了这个问题。一句话,标准验证是为你服务的,不是给你找麻烦的。

如果你刚开始从事网页制作,那强烈建议你下载这个 网页开发工具条 ,并在编码过程中随时使用"HTML标准验证"和“CSS标准验证”。如果你认为CSS是一种非常好学的语言,那么它会把你整的死去活来。你的不严谨的代码会让你的页面漏洞百出,问题不断,一个好的方法就是—— 验证,验证,再验证。

8. 下载Firebug

网页教程:网页新手30条进阶秘技

Firebug是当之无愧的网页开发最佳插件,它不但可以调试JavaScript,还可以直观的让你了解页面标记的属性和位置。不用多说, 下载它!

9. 使用Firebug!

网页教程:网页新手30条进阶秘技

据笔者观察,大部分的使用者仅仅使用了Firebug 20%的功能,那真是太浪费了,你不妨花几个小时的时间来系统学习这个工具,相信会让你事半功倍。

10. 使用小写的标记

理论上讲,你可以像这样随性的书写标记:

 <DIV>  
<P>Here's an interesting fact about corn. </P>  
</DIV>

但最好不要这样写,费力气输入大些字母没有任何用处,并且会让代码很难看,这样子就很好:

<div>  
<p>Here's an interesting fact about corn. </p>  
</div>

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa