简明现代魔法 -> web设计理念 -> 一个前端初学者的经验总结

一个前端初学者的经验总结

2010-12-03

原文:http://www.cnblogs.com/Henry_zp/archive/2010/12/02/1894914.html

做前端已有三、四个月了。最有感触的是昨天,三个月前写的前台代码,在现在的我看来竟然如此地差劲,或者自己的实力有所增强吧。

<div style="">这种写法,可能以前的我还能接受,但是自从有一次被项目经理骂了之后,很少写这样的代码,基本上把样式都分离出去。那一次被骂,记忆比较深刻,他是这样说的:"可能我对你的要求太高了,但是我希望你能这样做"。

我很认同一个观点,就是一个程序员去写前台代码,往往会比一个不懂程序的人写得更优秀,因为写过后台的人知道前台哪里是动态的数据,这一点比较重要,因为牵涉到小幅度改动和大幅度改动的问题。所以,我更加能体会到样式分离的重要性。

三个月前写的代码,除了一些样式没分离之外,我还观察到一点,以前的代码动不动就div,很少的地方用H元素,标题的地方都用div+span来控制了,这真是个杯具。不过现在的我尽量在将这些东西改过来。很多人都会用div+css,但是很少有人能不写多余的标签,这需要一定的功底,我知道我自己已经在这个方向上发展了,值得欣慰的事。

一个月前帮公司重新弄了一个电子商务网站的首页出来,w3c验证后,居然会有一百多个错误,查看了一下,大致有这几种类型的错误:

1. 有些标签没有闭合,例如将<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />写成了<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >。

2. 标签内该有的属性值没有,例如<style>这个标签一定要加上 type="text/css",<script>也一定要加上type="text/javascript",最容易忽略的是<img>标签,它里面的alt属性一定要有。

3. 位置出现错误。例如我头页面是通过<jsp:include page="common/header.jsp" flush="true" />包含进来的,在header.jsp我最顶端加了<style type="text/css">,这样就会报错。事实上其实也没错,只能说不够规范,因为<style>标签只能出现在<head></head>里面,而不能在<body></body>里面的。

4. 脚本出现错误(不是指IE下会出现的那种错误,功能是没问题的,但是w3c会报错)。这个错误很莫名其妙,解决的方式也很可笑,只需要这样处理一下就行了,代码如下:

<script type="text/javascript">    
/* <![CDATA[ */   
// JavaScript here   
/* ]]> */    
</script>    

这些是我在实际项目中碰到的情况。大家如果要校验本地的代码能不能通过w3c校验,只需要在火狐下面安装一个"HTML validator" 就OK了,双击右下角,就可以查看错误,及时地修正自己不规范的写法了。

至于兼容的问题,有很多的文章,我也不说了。实际项目中只能说IE6很变态,为了它往往要加一些不必要的值来达到效果。至于hack,我的想法是能不用的尽量不要去用,因为用多了的话,会对它产生依赖感,到时候只是为了解决bug而将所有的都用hack了,但事实上很多都不需要用hack的。火狐的firebug是一款非常不错的工具,谷歌自带的"开发人员工具"也不错,IE9呢,相比上两款稍微差了一点。

其实做前台真的很累,因为多个浏览器不兼容的关系,有时候为了调一个bug,往往半天的时间就没了。和后台相比,前台更艺术化。其实我个人觉得做后台,逻辑是可以提高,但是如果只是做简单的增、删、改、查,那也没必要,除非是做ERP或者比较复杂的软件开发,他们的表结构比较复杂,那另当别论了。总的说来,做前台虽然烦,但是东西做出来了,还是蛮有成就感的!大家一起在前端的路上加油吧!

随机文章推荐
网站分类


注:如需转载本文,请注明出处(原文链接),谢谢。更多精彩内容,请进入简明现代魔法首页。

进入新博客
喜欢本文,就分享它吧
给我留言
您的名字:
您的邮件:
您的网站:


 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们