课程咨询 :0551-64632520

合肥web前端培训

合肥web培训 > 达内新闻 > 解读和认识Repaint 、Reflow
  • 解读和认识Repaint 、Reflow

    发布:合肥web培训      来源:达内新闻      时间:2016-06-16

  • 合肥web前端培训专家提醒,web开发很多时候要和浏览器打交道,了解浏览器的解析非常重要。

    浏览器的解析流程:

    1.构建dom树——浏览器通过解析html/svg/xhtml以得到don树

    2.构建渲染树(rendring tree)——解析css城css rule tree 通过css计算节点样式

    3.布局渲染树——从根节点递归调用,计算每一个元素的大小、位置等,给每个节点所应该出现在屏幕上的精确坐标

    4.通过调用操作系统Native GUI的API绘制

    repaint和reflow 就在其中的第三和第四步,下面简单介绍下。

    repaint

    对应中文大概的意思就是重绘,重画。

    触发条件:当改变dom元素的视觉效果时(例如:opacity,background-color,outline等等)

    reflow

    对应中文回流,落潮。

    触发条件:增删改某个元素的可见性时;增删改css样式;css动画等等

    想成为web前端工程师,就选合肥达内web培训机构,TTS 云教学模式,web培训名师指导,4个月让你成为web开发高手。

    推荐文章

上一篇:零基础如何快速掌握web前端开发

下一篇:移动端web开发的一些技巧

最新开班日期  |  更多

WEB零基础全日制班

WEB零基础全日制班

开班日期:4-15

WEB零基础周末班

WEB零基础周末班

开班日期:

WEB前端业余班

WEB前端业余班

开班日期:4-15

WEB前端就业班

WEB前端就业班

开班日期:4-15

  • 地址:合肥市蜀山区肥西路66号汇金大厦21楼
  • 课程培训电话:0551-64632520     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56