仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 763|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:关于reflow

[复制链接]
透明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:13:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。
往听了牛人dbaron的一个WebPageLayout/DisplayinMozilla讲座(via)。讲的器材对我一个只会HTML,CSS和JavaScript的人来讲很底层,以是效果也对照“协调”,只是大抵懂得了mozilla的CSS衬着源码散布地位和衬着流程罢了。
讲座提到了reflow(怎样翻译呢?又是一个成绩)这个东东。之前对reflow有所闻,能常常从某些年夜牛的幻灯中提到,进步页面衬着的功能,需只管制止reflow.那末reflow是甚么器材呢?它又是怎样影响页面功能的?过后往问了一下dbaron(呵呵,我白话完全不可,加上心思本质,最初是把成绩写上去给他看),名顿开也。
在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,事理应当云云

</p>
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
爱飞 该用户已被删除
沙发
发表于 2015-1-18 05:42:20 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
蒙在股里 该用户已被删除
板凳
发表于 2015-1-26 21:21:16 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
兰色精灵 该用户已被删除
地板
发表于 2015-2-4 21:54:11 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
admin 该用户已被删除
5#
发表于 2015-2-10 21:46:00 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
6#
发表于 2015-3-1 16:39:46 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
若天明 该用户已被删除
7#
发表于 2015-3-10 21:21:07 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-17 11:20:24 | 只看该作者
可以使用 CSS 检查工具进行设计。
老尸 该用户已被删除
9#
发表于 2015-3-24 09:48:49 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-20 22:07

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表