前端开发总结(一)

关于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

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

关于css hack :

前端开发总结(一)  前端 web 第1张

关于JS

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


原文链接:,转发请注明来源!
「前端开发总结(一) 」评论列表
imba久期
imba久期
发布于 2018-08-05 21:41:48  回复
不愧是前端的噩梦IE6
访客
访客
发布于 2018-12-20 22:11:49  回复
大神

发表评论