首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
浏览器
相关资讯
热门
最新
代码人生
01-01 08:00
代码人生
浏览器之关键路径渲染
浏览器之关键路径渲染,JavaScript会阻塞DOM的解析,需要暂停DOM解析去执行JavaScript脚本。而css不会阻塞DOM的解析,但是会影响rendertree的合成。最后的渲染还是需要rendertree的。js阻塞解析也会阻塞渲染。浏览器渲染页面浏览器渲染页面需要先构建DOM树和CSSOM树。因为我们要确保尽快将html和css都提供给浏览器。CSSDOM树和DOM树合并成渲染树,
73
代码人生
01-01 08:00
代码人生
浏览器的缓存机制,唠一唠
浏览器的缓存机制,唠一唠,前言浏览器缓存,不管是对于一个网站的性能,还是对于服务器压力的减轻,都有着至关重要的作用。浏览器怎么去缓存一个文件,文件又缓存在哪里,充分的了解这些信息,有助于我们更好的使用浏览器缓存。缓存位置ServiceWorkerMemoryCacheDiskCachePushCache我们见的比较多的,应该是MemoryCache和DiskCache,顾名思义,一个是存放于内存中
130
后端
01-01 08:00
后端
浏览器中一些有趣的知识
浏览器中一些有趣的知识,前言在看完浏览器渲染原理之后引申出的一些疑问,这篇文章就是对这些疑问进行解答和梳理如果不熟悉浏览器渲染原理,可以看下我之前总结的文章????浏览器渲染原理????HTML解析器是等整个HTML文档加载完成之后开始解析的,还是随着HTML文档边加载边解析的?HTML解析器并不是等整个文档加载完成之后再解析的,而是网络进程加载了多少数据,HTML解析器便解析多少数据详细流程如下,网络进
71
后端
01-01 08:00
后端
浏览器的底层渲染机制
浏览器的底层渲染机制,【DOM树】【CSSOM树】【Render-Tree渲染树】总结步骤:处理HTML标记,构建DOM树处理CSS标记,构建CSSOM树将DOM树和CSSOM树融合成渲染树(Render-Tree渲染树)根据生成的渲染树,计算它们在设备视口(viewport)内的确切位置和大小,这个计算的阶段就是回流=>布局(Layout)或重排(reflow)根据渲染树以及回流得到的几何信息,
126
后端
01-01 08:00
后端
浏览器渲染原理
浏览器渲染原理,前言之前看完兵哥的浏览器工作原理与实践之后,发现有很多知识点晦涩难懂,后续通过翻阅相关博客和请教大佬才明白。所以在此整理记录,方便后续查阅复习。也欢迎指错勘误!!!开始浏览器渲染原理主要包含如下几个阶段构建DOM树样式计算布局阶段分层绘制分块栅格化合成关于回流、重绘、合成你可以想象一下,从0,1字节流到最后页面展现在你面前,这里面渲染机制肯定很复杂,所以渲染模块把执行过程中化为很多
159
后端
01-01 08:00
后端
浏览器端开发的常用第三方库,大前端必备!
浏览器端开发的常用第三方库,大前端必备!,无环境依赖的库兼容补丁-(让你的代码在IE中自由驰骋)包名作用regenerator-runtime提供babel编译后的async和genertor等函数具体实现core-js@2上一代浏览器polyfill库core-js@3相当完善的polyfill程序集bublees5,jsx语法转换器babel上一代兼容语法转换器@babel/standalon
111
后端
01-01 08:00
后端
浏览器输入url会发生什么
浏览器输入url会发生什么,浏览器输入url后,浏览器向DNS服务器发送请求,将域名解析为ip地址DNS域名解析dns就是domainnamesystem:就是域名系统,就是域名和ip地址映射关系的系统。DNS解析的过程:就像是找书,先问身边的朋友有没有书,再去图书馆找书,找到大类在哪里,跑到大类那里找到中类-跑到中类去找到小类在哪里-跑到小类那里找到书在哪个地方-跑到书的地方找到书比如访问www
61
后端
01-01 08:00
后端
浏览器失控的后退按钮?——Chrome的导航安全策略
浏览器失控的后退按钮?——Chrome的导航安全策略,记录一个Chrome的特性引发的问题。背景昨天有一个同事找我,说是页面上出现了非常奇怪的跳转现象。简单来说就是,他做了一个前置页面A,用于获取用户登录信息,根据用户角色的不同,自动跳转至不同路由的页面。但是当他点击浏览器后退时,返回的不是页面A,而是空白的新标签页。相当于页面A的历史记录被浏览器吃掉了,所以直接后退到了新标签页。我之前遇到过浏览
72
后端
01-01 08:00
后端
浏览器事件循环机制Event Loop
浏览器事件循环机制Event Loop,前言学习概念之前让我们来看几行简单的代码:console.log(1)setTimeout(()=>{console.log(2);},0);constpromise=newPromise((resolve,reject)=>{console.log(3);resolve();});promise.then(()=>{console.log(4);});co
108
后端
01-01 08:00
后端
浏览器console.log「异步打印现象」
浏览器console.log「异步打印现象」,结论针对在浏览器控制台出现打印结果和代码执行顺序不一致这种「异步现象」。网上主要有两种说法,笔者这里更喜欢第一种,好理解且符合笔者的测试浏览器出于优化的目地,默认不会展开所有对象,只有当手动点击展开时才去”读取对应的值“来进行展示。「点击」是一个代码执行完成之后的行为,所以对深层对象的打印总是最后时刻的快照。不同的浏览器可能有自己的console.lo
200
«
1
2
...
15
16
17
18
19
20
21
22
23
»