1、1. 提供一个兼容的css,里面把所有兼容的可能行都写进去,这样页面只需请求一次,就可以全站通用一个css。节省了网络的带宽,同时减少http的请求。 2. 写出几套响应的css ,分别针对不同的浏览器版本,然后通过js判断浏览器的版本,动态的加载相应的css文件,当然这里文件的大小也许变小了,请求的响应速度快了,但是对于 不同的浏览器来说,他们的需要不同的请求,所以对于客户端的影响还是有存在的。但是这个可以忽略,毕竟现在的客户端配置已经相当的高了。同时这种方案是 css的风格比较同一,比较便于预览,不会出现那么的*, html等等前缀,来注释这些是兼容什么浏览器的代码. 对上述两种方案我
2、推崇第二种,但是第二种方案的弊端就是css的代码量增加了..这是相对比较悲剧的。 同 理js方面,现在流行的多种框架又是我们面临的选择,多亏有了jquery的诞生让web程序员们从冗长的代码中得到解放,可是针对jquery的80K 左右的文件大小,有些门户依旧无法忍受,毕竟他们的页面越小轻量越好,这就牵涉到用原生态的js了,这就要求我们程序员需要具备这个技能。好在,现在的门 户在页面呈现的时候没有太多复杂的js对象操作,根据一般的js操作都可以满足。 针对以上情况我依旧有两种方案, 1. 针对要求性能特别高的模块,建议用原生态的js操作+漂亮的html + css; 2. 针对相对响应
3、速度不是太高的页面,建议用jquery, prototype之类的js框架,毕竟他大大的提升了程序员的开发速度。 //建议,这里大家锻炼一下js的性能优化,这才是提升页面js执行性能的王道。 以上是web前端所要考虑的主要方面,但是按我的理解,如果真正提升一个网站的印象,除了不俗的页面响应及外观之外,优秀的用户体验才是web的王道。例如页面的搜索框的摆放位置,页面幻灯片的显示方式及位置,以及产品的展示方式都是需要考虑的。 动态加载外部CSS与JS文件使用dom创建