对于前台的一些想法
做前端已有三、四个月了。最有感触的是昨天，三个月前写的前台代码，在现在的我看来竟然如此地差劲，或者自己的实力有所增强吧。
<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或者比较复杂的软件开发，他们的表结构比较复杂，那另当别论了。总的说来，做前台虽然烦，但是东西做出来了，还是蛮有成就感的！大家一起在前端的路上加油吧！！
