对“打造自己的reset.css”文中观点的不同看法
作者:张经纬 来源:张经纬的博客 发布时间:2009-03-08 18:05:00
在小飞的博客上看到他写了一篇关于reset.css的文章,文章中关于css的部分分析的非常不错,但对于文中关于强调把CSS分别配置,对每一个项目都放置一个reset.css这一类观点,我有不同的看法。
诚然,将reset的东西只写进reset.css里,将layer的东西只写进layer.css里,将represent的东西只写进represent.css在思想是没有错的,但是他并没有考虑到一点,那就是成本。
yahoo搞了一个YUI,可是你在Yahoo的主页上能看到YUI的吗?没有,访问一下google,看看他所有的页面里面有reset这样的东西吗?没有。为什么?成本。
Eric作为个人,可以搞reset.css,YUI作为推动,可以搞reset.css,但是一个网站的架构,是否都应该一股脑的用reset.css?这是根据公司的实际情况来做看的。
让我们以Yahoo为例,我们假定当前我们访问的服务器最大支持2500次并发/秒(不考虑squid,memcache这些东西),当用户访问首页的时候,一共多少个并发?
就目前的情况,一共是26次请求,耗时2.56秒。记做A。
ok,假设yahoo增加了一个reset.css,请求数增加到27次,耗时2.57秒。记做B。
A每秒请求服务器 26 / 2.56 = 10.15 次/秒
B每秒请求服务器 27 / 2.57 = 10.50 次/秒
在A的情况下,1万元的服务器每秒最大支持 2500/10.15 = 246.30 人;
在B的情况下,1万元的服务器每秒最大支持 2500/10.50 = 238.09 人;
换句话说,B运营成本相对于A增加了 (246.30-238.09)/ 246.30 × 10000 = 333.32 元。
仅仅是增加了这样一个文件,我就要多支出333.33元,这样划算吗?
如果按照文中的想法,还要将其他的样式都分门别类的独立出去,那么成本的增长将会是多么可怕的“弧度”
所以“每每有新项目,第一步就是应当使用一个reset.css来重置样式。”,“建议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css”还是应该有所选择的去做。
猜你喜欢
- 本文实例为大家分享了python+logging+yaml实现日志分割的具体代码,供大家参考,具体内容如下1、建立log.yaml文件ver
- 亲测十分靠谱下面是解决该问题的方法第一步:关闭SIP系统保护1.重启系统时按住Command+R进入恢复模式(记住是你在重新启动时,不是启动
- 提高SQL执行效率的几点建议:◆尽量不要在where中包含子查询;关于时间的查询,尽量不要写成:where to_char(dif_date
- 本文实例讲述了python实现根据窗口标题调用窗口的方法。分享给大家供大家参考。具体分析如下:当你知道一个windows窗口的标题后,可以用
- 依托于互联网的发达,我们可以随时随地利用一些等车或坐地铁的碎片时间学习以及了解资讯。同时发达的互联网也方便人们能够快速分享自己的知识,与相同
- 在 Python 中,当您尝试访问甚至不存在的列表的索引时,会引发 IndexError: list assignment index ou
- 让我们来看一些例子:--获取表的count信息select count(*) from T with(nolock)--获取特定值的coun
- 一、网络爬虫网络爬虫又被称为网络蜘蛛(🕷️),我们可以把互联网想象成一个蜘蛛网,每一个网站都是一个节点,我们可以使用一只蜘蛛去各个网页抓取我
- 前两天研究了一下textarea的直观行的换行规律,挺复杂啊:直观行怎样取不光要看cols大小,还要看网页编码方式。cols="3
- window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一
- 前言索引的本质是存储引擎用于快速查询记录的一种数据结构。特别是数据表中数据特别多的时候,索引对于数据库的性能就愈发重要。在数据量比较大的时候
- 在使用Python处理数据时,经常需要对数据筛选。这是在对时间筛选时,判断两列时间是否相差一年,如果是,则返回符合条件的所有列。data原始
- 实训课期间忙里偷闲的学习了python的selenium包,唯一一点不好是要自己去查英文文档,明摆着欺负我这种英语不好的,想着用谷歌翻译一下
- 主要来介绍下Inner Join , Full Out Join , Cross Join , Left Join , Right Join
- 1、mysql 导出文件:SELECT `pe2e_user_to_company`.company_name, `pe2e_user_to
- Vue3 ref获取DOM元素<div ref="divBox">Hello</div>impo
- xml即可扩展标记语言,它可以用来标记数据、定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。从结构上,很像HTML超文本标记语
- 我就废话不多说了,大家还是直接看代码吧~def sq2(x,e): e = e #误差范围 low=
- 本文实例讲述了Python实现的序列化和反序列化二叉树算法。分享给大家供大家参考,具体如下:题目描述请实现两个函数,分别用来序列化和反序列化
- 对于日志的处理,有时候需要把符合条件的日志计入数据库中一、添加pom依赖 <dependency> &