仓酷云

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

[DIV+CSS] 给大家带来网页制造进修:reflow观点

[复制链接]
深爱那片海 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 07:38:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
破洛洛文章简介:Yahoo!功能工程师NicoleSullivan在最新的文章中总结了招致reflow产生的一些要素.
假如关于reflow这个观点你还不太分明大概不晓得,请先浏览:


  • 《NotesonHTMLReflow》
  • 《Whatisareflow?》
  • 《Gecko:ReflowRefactoring》
  • 《reflow》
  • 《抽象化的reflow》
  • 《款式的实行效力-reflow》
Yahoo!功能工程师NicoleSullivan在最新的文章《Reflows&Repaints:CSSPerformancemakingyourJavaScriptslow?》中总结了招致reflow产生的一些要素:

  • 调剂窗口巨细(Resizingthewindow)
  • 改动字体(Changingthefont)
  • 增添大概移除款式表(Addingorremovingastylesheet)
  • 内容变更,好比用户在input框中输出笔墨(Contentchanges,suchasausertypingtextin
    aninputbox)
  • 激活CSS伪类,好比:hover(IE中为兄弟结点伪类的激活)(ActivationofCSSpseudoclassessuchas:hover(inIEtheactivationofthepseudoclassofasibling))
  • 操纵class属性(Manipulatingtheclassattribute)
  • 剧本操纵DOM(AscriptmanipulatingtheDOM)
  • 盘算offsetWidth和offsetHeight属性(CalculatingoffsetWidthandoffsetHeight)
  • 设置style属性的值(Settingapropertyofthestyleattribute)
reflow会引发开支,影响页面的功能,那怎样才干做到公道的优化呢?NicoleSullivan也供应了部分倡议:

  • 假如想设定元素的款式,经由过程改动元素的class名(尽量在DOM树的最里层)(Changeclassesontheelementyouwishtostyle(aslowinthedomtreeaspossible))
  • 制止设置多项内联款式(Avoidsettingmultipleinlinestyles)
  • 使用元素的动画,利用position属性的fixed值或absolute值(Applyanimationstoelementsthatarepositionfixedorabsolute)
  • 衡量光滑和速率(Tradesmoothnessforspeed)
  • 制止利用table结构(Avoidtablesforlayout)
  • 制止利用CSS的JavaScript表达式(仅IE扫瞄器)(AvoidJavaScriptexpressionsintheCSS(IEonly))
具体浏览:



  • 《Reflows&Repaints:CSSPerformancemakingyourJavaScriptslow?》
原文:http://www.planabc.net/2009/04/13/reflow/

结构清晰,容易被搜索引擎搜索到,天生优化了seo
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-18 06:42:41 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
admin 该用户已被删除
板凳
发表于 2015-1-26 08:26:22 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-4 16:14:30 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
只想知道 该用户已被删除
5#
发表于 2015-2-10 04:06:02 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
若相依 该用户已被删除
6#
发表于 2015-2-28 19:34:32 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-10 07:26:04 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
海妖 该用户已被删除
8#
发表于 2015-3-17 06:11:21 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
柔情似水 该用户已被删除
9#
发表于 2015-3-24 00:04:17 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 08:30

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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