首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
浏览器兼容性
订阅
拉斐尔
更多收藏集
微信扫码分享
微信
新浪微博
QQ
91篇文章 · 0订阅
你应该知道的前端--渲染原理
我们很容易将浏览器引擎看作是一个黑盒子,就像电视数据一样,黑盒子会指出显示的数据。那么浏览器是怎么把资源/数据转换到我们所看到的网页的呢 HTML描述了网页的结构。为了理解HTML,浏览器引擎首先必须将其转换为DOM(文档对象模型)。浏览器引擎中拥有解析器,它用于将HTML中的…
U4 内核特性支持文档上线啦
U4 内核特性支持文档是用来干嘛的呢,就是用来查资不资瓷的标准规范啊。以往,我们需要了解哪个特性被 U4 内核支持了,总要确认下是 U4 什么版本,然后对应是 m57 还是 m40,再去 caniuse 查看支持程度,而现在不需要这么麻烦了。 在这个文档上,你可以很方便快速查询…
浏览器的日常生活
浏览器的日常生活
浏览器页面渲染机制
分享目的: 解释浏览器如何将 HTML、CSS 和 JavaScript 转换为我们可以与之交互的网站,了解这个过程,可以帮助我们优化 Web 应用程序,从而获得更快的速度和更好的性能。 1. html解析 数据是以“数据包”的形式通过互联网发送,而数据包以字节为单位。当你编写…
一般认真的从0开始写一个Chrome插件
一般情况下我们从0开始肯定是写一个hello world的。 Chrome插件开发从0开始的话就是要写一个书签。 为什么写一个书签插件呢,因为自带的书签那横条真的很占地方,然后书签操作的一些代码又是可以直接调api自带方法的。
大前端神器安利之 Puppeteer
Puppeteer(中文翻译”木偶”) 是 Google Chrome 团队官方的无界面(Headless)Chrome 工具,它是一个 Node 库,提供了一个高级的 API 来控制 DevTools协议上的无头版 Chrome 。也可以配置为使用完整(非无头)的 Chrom…
浏览器内的事件队列
众所周知JavaScript是基于单线程运行的,同时又是可以异步执行的,一般来说这种既是单线程又是异步的语言都是基于事件来驱动的,恰好浏览器就给JavaScript提供了这么一个环境 在我电脑上输出的是: test: 5.4892578125ms ---2--- ---1---…
【译】你不知道的 Chrome 调试工具技巧 第九天:给 console 计时
本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。据作者透露一共有 24 篇,一直更新到 12 月 24 日 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 26. 给 logs 加上时间戳 如果想要给你的应用中发生的事件…
谈谈浏览器渲染
当浏览器拿到HTML文档时首先会进行HTML文档解析,构建DOM树。DOM树的构建是从接收文档开始的,然后一边将字节转化为字符,字符转化为标记。这个过程是一个渐进式的,一边接收和处理网络中的其他内容,呈现引…
reflow和repaint引发的性能问题
reflow 回流,或者叫重排都可以。回流(reflow)这个名词指的是浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。 简单来说就是当页面布局或者几何属性改变时就需要reflow。 repaint重绘,当页面中的元素只需要更新样式风格不影响布局,…