前端开发总结(一)

关于HTML

设计HTML时，不仅要考虑页面整理结构，还要考虑IE的局限。比如IE6，IE8不支持阴影圆角等css3特性，那么要在IE6，IE8下实现圆角等效果，只有通过半透明png背景来实现，对于图片一般设为背景图（除非含有点击事件）。

关于图片设为背景图还是img 。采用img一般是把图片做为网站内容时采用的，比如图片类型的文字，logo，用户头像等。采用背景图的一般是修饰用的，比如某个块的背景，背景图可以进行平铺，还可以通过CSS sprites来减少网页的请求次数。

关于定义id还是class 。 Id在一个页面中只能出现一次。一般定义在一些比较固定的结构上，而且用于在JS中获取节点，样式什么的都交给class吧。

关于button 。 Button在某些浏览器中默认是有点击效果额，如果button有背景图，那么会导致哪些浏览器中的点击效果会很差。

用于submit功能的button，在提交时将属性设为disable防止反复提交，在处理成功后将该属性去除，另外再IE下disable的button样式会有所改变

通用css放到一个文件中,一般有浮动，文字对齐方式，还原浏览器的默认样式，全局字体，隐藏，超链接，过长截断，IE6的png，1到3个字的左右间距样式，还可以加上页面布局的css。

关于css hack ：（主要是IE系列的hack）

关于动画。使用jquery的slide,fade等动画方法时，很容易发生动画不连贯问题。一般采用setTimeout把动画方法延后处理，当有多个动画同时被触发时，又不想动画都执行，可以采用stop方法来结束一些动画（记得为stop参数）。