|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
凡是和我讨论客户段效率的全是脑子有问题的,影响的全是图片和Flash,所以我一直建议一个提交按钮就不要用图片带代替了。
网页制造poluoluo文章简介:在CSS标准中有一个衬着工具的观点,一般用一个盒子(box,rectangle)来暗示。mozilla经由过程一个叫frame的工具对盒子举行操纵。
在CSS标准中有一个衬着工具的观点,一般用一个盒子(box,rectangle)来暗示。mozilla经由过程一个叫frame的工具对盒子举行操纵。frame次要的举措有三个:
*机关frame,以创建工具树(DOM树)
*reflow,以断定工具地位,大概是挪用mozilla的Layout(这里是指源码的完成)
*绘制,以便工具能显现在屏幕上
总的来讲,reflow就是载进内容树(在HTML中就是DOM树)和创立或更新frame布局的呼应的一种历程。
要进步页面功能,实在就是制止reflow的开支。那末,有哪些方面是必要reflow的呢?好比,未指定图片宽高的话,图片的载进会使页面reflow,由于要依据图片宽高来更新frame。这里就有一个进步页面功能的小技能:假如事前可以断定图片宽高的话,最幸亏HTML里写上。
在编写一些罕见的静态效果时,一样平常利用CSS的display来切换可见性。很不幸,这也会发生reflow.把元素置为display:none,相称于把这个元素的frame烧毁了,再置回非none时,必要从头机关frame,这就发生了reflow.而别的一个切换可见性的属性visibility则不存在reflow成绩,置为visibility:hidden的元素的frame并没有烧毁,必要显现的时分实在就是一个绘制(下面提到的举措第三步)历程罢了,没有reflow,因而效力会更高。假如你看过一些JavaScript库/框架的源码,会发明它们大批利用visibility而不是display,事理应当云云。
依据文中提到的reflow,想到的疑点:
<div>
<div>…content…</div>
<div><imgsrc=”‘/></div>
</div>
当在HTML里没指定图片的宽高时,reflow只是针对img元素仍是它的父元素乃至更多先人元素?
在惯例页面中大批用到的标签切换情形也相似?你晓得吗?
</p>
当遇到几个选择器共享一个声明的时候,可以分组放在一起,每个选择器必须以逗号隔开。例:h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全,分组结尾不能有逗号。 |
|