首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
browser
订阅
wind随风
更多收藏集
微信扫码分享
微信
新浪微博
QQ
9篇文章 · 0订阅
浏览器:帧&渲染流程
一图胜千言 进程&线程的角度 渲染进程。 包裹标签页的容器。包含了多个线程,这些线程一起负责了页面显示到屏幕上的各个方面。 合成线程(Compositor Thread) 。这是最先被告知垂直同步事件
从输入URL到浏览器显示页面过程中都发生了什么?
浏览器中输入网址。 发送至 DNS 服务器并获得域名对应的 WEB 服务器的 ip 地址。 DNS 解析首先会从你的浏览器的缓存中去寻找是否有这个网址对应的 IP 地址,如果没有就向OS系统的 DNS 缓存中寻找,如果没有就是路由器的 DNS 缓存, 如果没有就是 ISP 的D…
阿里面试官的”说一下从url输入到返回请求的过程“问的难度就是不一样!
年前准备换工作,总结了一波面试最频繁的面试问题跟大家交流。此文章是关于浏览器的常见问题,大概面试10家遇到6家提问类似问题(主要是大厂和中厂)。(面试的部分内容已经忘了,为了串联成一个完整的故事,增加可读性,20%的内容为虚构),目前入职滴滴出行成都团队。 你一看这种烂掉牙的问…
「一道面试题」输入URL到渲染全面梳理中-页面渲染篇
此文是一道面试题,又不仅仅是一道面试题,不同的是这道题分了三篇文章来说,嗯。。可想而知 多进程: 多进程指的是在同一个时间里,同一个计算机系统中如果允许两个或两个以上的进程处于运行状态。多进程带来的好处是明显的,比如大家可以在网易云听歌的同时打开编辑器敲代码,编辑器和网易云的进…
「导航渲染流程」你真的知道从输入URL到页面展示发生了什么吗?(内附思维导图)
用户输入完内容,按下回车键,浏览器导航栏显示loading状态,但是页面还是呈现前一个页面,这是因为新页面的响应数据还没有获取到。 Chrome 有个机制,同一个域名同时最多只能建立 6 个TCP 连接,如果在同一个域名下同时有 10 个请求发生,那么其中 4 个请求会进入排队…
1127-buffer定义及常用方法 & 进制转换 & base64转码规则
js语言没有二进制数据,在处理tcp和文件流的时候必须要处理二进制。NODEJS提供了一个Buffer类提供对二进制数据的操作。node把二进制转换成十六进制,存入buffer。 bufferi里每一项都是一个十六进制,表示一个字节。 Buffer是一个表示固定内存分配的全局对…
面试官:你了解过移动端适配吗?
很多人聊起移动端适配都是懵逼状态,都想口吐芬芳。难道移动端还要适配,直接px写死,其他自适应不就完了吗?其实不然,要求严格的公司会要求缩放比例完全相同,简单说就是,在每个手机上的每一行的字数都要一样。接下来,我们就要细说移动端适配的前世今生 相信我们所有前端开发者,都是见证了手…
浏览器的回流与重绘 (Reflow & Repaint)
浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM,把CSS解析成CSSOM,DOM和CSSOM合并就产生了Render Tree。 有了RenderTree,我们就知道了所有节点的样式,然后计算他们在页面上的大小和位置,最后把节点…
你真的了解回流和重绘吗
本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘,如果大家想直接看如何减少回流和重绘,优化性能,可以跳到后面。(这个渲染过程来自MDN) Display:将像素发送给GPU,展示在页面上。(这一步其实还有很多内容,比如会在GPU将多个合成层合并为同一个层,并展示在页面中。而…