简述浏览器渲染流程

        近期的项目涉及到了前端的一系列知识,所以就简单的总结一下。因为不是前端人员,相关的概念可能不会分析的很深,如果说法有问题,希望路过的大佬们多多指教。下面说的大多是自己的理解,尽可能简洁又通俗。

        说到浏览器渲染,一个重要前提应该就是dom。dom,全称,文档对象模型(Document Object Model,简称DOM)。一般更多人习惯说成dom树,在百科里看到一般分为xml和html两种,据目前的了解,浏览器一般支持的事html。这里不涉及编写网页的具体语法等等,主要的呈现应该是html+JavaScript+CSS的组合,三者依次代表基本界面、外界方法、特效样式三方面。

        下面说一下正题渲染流程。首先是解析阶段,属于代码解析,把html的写法转换为机器理解的编制。其次是处理阶段,属于数据处理吧,根据需要的数据类型进行整理,方便之后的渲染。最终的阶段属于渲染阶段,也算是dom树的最终成型阶段,结果也最后呈现。在html解析过程中,遇到js标签或者style标签读取失败,可能会导致最终的呈现失败,所以可以说是由三部分共同组成的整个渲染结果,当然如果需要调用方法或者特效实现,js和css更是不可缺的。

        关于一些深层问题,例如虚拟dom,双缓冲机制这些,可以再看一下别的文章,感觉这一篇文章写的还是比较详细的

浏览器中的页面是如何渲染生成的?

        不是很专业,说的不好,希望大家多多指教。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值