后使用快捷导航没有帐号？
只需一步，快速开始
查看: 15888|回复: 56
为什么网易淘宝这些大网站要把CSS和JS直接写在页面里呢？
UID349716在线时间 小时积分395帖子离线17382 天注册时间
中级会员, 积分 395, 距离下一级还需 105 积分
为什么网易、淘宝等这些大网站要把CSS和JS直接写在页面里呢？而不是另外链接外部CSS文件或JS文件？这好像跟我们通常的做法相反。
UID110407在线时间 小时积分2724帖子离线17382 天注册时间
银牌会员, 积分 2724, 距离下一级还需 276 积分
不敢乱说，等下被喷，怎么删呢？
[[i] 本帖最后由 radial 于
15:07 编辑 ]
UID114991在线时间 小时积分2049帖子离线17382 天注册时间
银牌会员, 积分 2049, 距离下一级还需 951 积分
我想是为了减少iis链接数吧
UID333944在线时间 小时积分14帖子离线17382 天注册时间
新手上路, 积分 14, 距离下一级还需 36 积分
据说是为了避免外部css文件不能正确加载或没加载完时页面很难看吧
UID513144在线时间 小时积分1048帖子离线17382 天注册时间
银牌会员, 积分 1048, 距离下一级还需 1952 积分
就是哦！好多大站都是这样！！这是为什么呢！
UID495293在线时间 小时积分243帖子离线17382 天注册时间
中级会员, 积分 243, 距离下一级还需 257 积分
我也是在等待着答案~~~
UID390452在线时间 小时积分992帖子离线17382 天注册时间
高级会员, 积分 992, 距离下一级还需 8 积分
觉得4楼说到的也是一个方面，我当时也觉得奇怪为啥不做成文件加载 至少代码整洁一些．
不过这样可以减少两个IIS连接数
UID424213在线时间 小时积分925帖子离线17382 天注册时间
高级会员, 积分 925, 距离下一级还需 75 积分
减少HTTP请求。
UID357917在线时间 小时积分372帖子离线17382 天注册时间
中级会员, 积分 372, 距离下一级还需 128 积分
说的正确。可以减少连接数。而且页面上的CSS,或者JS被当做html直接下载，速度会很快。
UID502012在线时间 小时积分346帖子离线17382 天注册时间
中级会员, 积分 346, 距离下一级还需 154 积分
1.减少连接数
2.如果在外部调用的话，加入css或者js没有加载完毕，就可能出现一些错误！
谁补充一下！
UID35321在线时间 小时积分2175帖子离线17382 天注册时间
银牌会员, 积分 2175, 距离下一级还需 825 积分
减少服务器请求，就像有的会把常用图片放到一张图上调用一样
UID406105在线时间 小时积分106帖子离线17382 天注册时间
初级会员, 积分 106, 距离下一级还需 94 积分
因为很多页面都是用模板拼凑而成，加上cms更新内容的关系 经常出现页面内css和js直接挂在该模块html附近
UID509989在线时间 小时积分143帖子离线17382 天注册时间
初级会员, 积分 143, 距离下一级还需 57 积分
有见过他们那样只是还没想过这方面的问题，今天开眼界了
UID317771在线时间 小时积分81帖子离线17382 天注册时间
初级会员, 积分 81, 距离下一级还需 119 积分
修改方便，~~
像我一般处理单文件页面时 直接把CSS写在每个DIV里，方便修改
UID338378在线时间 小时积分683帖子离线17382 天注册时间
高级会员, 积分 683, 距离下一级还需 317 积分
斗胆补充个 冰剑 剑哥的第3条啊：首页跟其他页面的重用性不是很高，几乎只有首页使用。
UID344967在线时间 小时积分4072帖子离线17382 天注册时间
金牌会员, 积分 4072, 距离下一级还需 928 积分
原帖由 [i]tlsound 于
09:50 发表
修改方便，~~
像我一般处理单文件页面时 直接把CSS写在每个DIV里，方便修改
哥们，你真有才。。。
UID312849在线时间 小时积分107帖子离线17382 天注册时间
初级会员, 积分 107, 距离下一级还需 93 积分
可能是为了减少HTTP请求。
UID309309在线时间 小时积分977帖子离线17382 天注册时间
高级会员, 积分 977, 距离下一级还需 23 积分
原帖由 [i]xunzou 于
16:31 发表
1.减少连接数
2.如果在外部调用的话，加入css或者js没有加载完毕，就可能出现一些错误！
谁补充一下！
我补充一下，同意这位哥们的说法，不过楼主所说不太准确，应该只是重要的栏目或者说叫分类、频道什么的这种的首页才这样做，因为这种首页的访问量大，可以减少连接数，也可以防止css没有加载完毕出现页面乱的现象，用户体验好。而具体内容页倒没有这样做，因为相比频道首页来说访问量没那么大，外调css和js方便管理，内容页也比较多。我以前就经常见到天极内容页css没加载完页面乱的现象。纯属个人观点，欢迎指出不足。
UID350411在线时间 小时积分1691帖子离线17382 天注册时间
银牌会员, 积分 1691, 距离下一级还需 1309 积分
一般大型网站都有缓存，把css和js写在html里面能保证css和html保持同步更新！~~这样就能避免更新不同步导致页面不正常。
[[i] 本帖最后由 alou 于
14:56 编辑 ]
UID513999在线时间 小时积分284帖子离线17382 天注册时间
中级会员, 积分 284, 距离下一级还需 216 积分
我觉得还是为了减少请求次数 再有就是写到文件里肯定会有很多冗余代码
延迟加载 没有样式肯定会有问题
UID517443在线时间 小时积分49帖子离线17382 天注册时间
新手上路, 积分 49, 距离下一级还需 1 积分
个人观点，他们应该是为了方便网页编辑。
把CSS直接写在页面内容里比写在外部文件里直观得多。而且如果使用class的话如果两个class重复了，会导致样式出错，而太多文件检查不过来，就直接写在页面内容里了。
UID437701在线时间 小时积分139帖子离线17382 天注册时间
初级会员, 积分 139, 距离下一级还需 61 积分
应该在生成静态页的时候，直接生成的吧。& &实际写页面的时候还是分开的。
UID438268在线时间 小时积分974帖子离线17382 天注册时间
高级会员, 积分 974, 距离下一级还需 26 积分
。。。。。啥答案都有，万一是人家懒得弄，页面太多做模板的为方便直接写进去的哪
UID277204在线时间 小时积分608帖子离线17382 天注册时间
高级会员, 积分 608, 距离下一级还需 392 积分
估计：网编没有上传总页面根本目录的权限，so.....
UID493829在线时间 小时积分722帖子离线17382 天注册时间
高级会员, 积分 722, 距离下一级还需 278 积分
原帖由 [i]tlsound 于
09:50 发表
修改方便，~~
像我一般处理单文件页面时 直接把CSS写在每个DIV里，方便修改
这个以前也这样写&&但 是代码太乱了&&感觉 一点不方便 修改
UID503864在线时间 小时积分1236帖子离线17382 天注册时间
银牌会员, 积分 1236, 距离下一级还需 1764 积分
原帖由 [i]alou 于
14:53 发表
一般大型网站都有缓存，把css和js写在html里面能保证css和html保持同步更新！~~这样就能避免更新不同步导致页面不正常。
我也觉得这是最主要的原因，防止外部文件加载失败导致页面恶心和缓存导致未即时更新
减少http请求其次
比如sina，首页那么多js文件，按yslow标准可以算是F级了
而淘宝比较yahoo，所以在减少http请求数上做得很好，yslow一下就看出来了。
UID490213在线时间 小时积分596帖子离线17382 天注册时间
高级会员, 积分 596, 距离下一级还需 404 积分
其实此问题在我的博客中有讨论过，如果有兴趣可以去看一看！
UID490213在线时间 小时积分596帖子离线17382 天注册时间
高级会员, 积分 596, 距离下一级还需 404 积分
像雅虎所有的资源文件都是放在专门的图片服务器上的（雅虎的性能原则里有具体讲述），如果首页的资源文件也放在图片服务器上，图片服务器遍布全国，难免有什么问题。支持一个首页的服务器可以有很多，可见css内联使用最保险。当然仅对首页这么做。外联使用成本还是最低的。
UID501188在线时间 小时积分74帖子离线17382 天注册时间
初级会员, 积分 74, 距离下一级还需 126 积分
UID329852在线时间 小时积分4508帖子离线17382 天注册时间
金牌会员, 积分 4508, 距离下一级还需 492 积分
4楼正解。我们一般把css放在head区，就是为了防止网速比较慢的visitor页面未完全打开时可能会乱掉。
Powered by页面上实现鼠标悬停时文字的淡入淡出_百度经验
&&&&&&&&&笔记本电脑页面上实现鼠标悬停时文字的淡入淡出听语音
百度经验:在页面上有时候为了显示的效果更好，需要使用jquery来实现鼠标悬停时文字的淡入淡出。百度经验:jquery百度经验:11、首先在页面的body中声明一个class&td style=&width:35%& class=&formInput&& ${css.name} &/td&&22、在JavaScript中使用jquery实现所要达到的效果33、注意使用jquery时，需要导入相应的jquery.js插件END经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。投票(0)已投票(0)有得(0)我有疑问(0)◆◆说说为什么给这篇经验投票吧！我为什么投票...你还可以输入500字◆◆只有签约作者及以上等级才可发有得&你还可以输入1000字◆◆如对这篇经验有疑问，可反馈给作者，经验作者会尽力为您解决！你还可以输入500字相关经验013213热门杂志第1期你不知道的iPad技巧3575次分享第1期win7电脑那些事6246次分享第2期新人玩转百度经验1236次分享第1期Win8.1实用小技巧2549次分享第1期小白装大神1745次分享◆请扫描分享到朋友圈}