排序
浏览器之性能指标-FID
如果坚持做一件事就要把目标放低一点,确保自己可以实现,不要把目标定的很高,让人高不可攀,无法坚持 大家好,我是柒八九。 前言 今天我们来聊聊另外一个比较重要的性能指标FID。 如果想了解...
“WWW” 仍然属于 URL 吗?它可以消失吗?
多年来,我们的地址栏上一直在进行着一场小小的较真战。也就是Google、Instagram和Facebook 等品牌。该群组已选择重定向 example.com 至 www.example.com。相反:GitHub、DuckDuckGo和Discor...
浅谈浏览器中渲染引擎干的那些事儿
前言 上文我们了解到浏览器内核其实是有渲染引擎和JS引擎构成,那么渲染引擎都干了哪些事情呢?以Google浏览器为例,当我们打开浏览器,输入相应的URL后,浏览器中的网络进程完成对网络资源的加...
浏览器之性能指标-TBT
曾国藩,左宗棠,彭玉麟 并称大清三杰曾国藩,左宗棠,彭玉麟,胡林翼并称中兴四大名臣 -<曾国藩传> 大家好,我是柒八九。 前言 最近,北京突发暴雨.部分地区,遭受洪灾,猛然发现,人在大自然中是...
前端必须收藏的六个代码图片生成的网站???
您可能在掘金、CSDN或博客等平台上见过如上图这种引人注目的代码片段图片。?✨ 但您有没有想过如何生成如此迷人的视觉效果? ok,不要担心!今天,我将分享六个令人难以置信的工具,它们可以帮...
前端跨域的几种方式
前端跨域的几种方式 一、 什么是跨域 跨域(Cross-Origin)是指在浏览器你执行脚本时,通过XMLHttpRequest、Fetch等方式请求不同源(协议、域名、端口)的资源。同源策略是浏览器的一种安全机制...
浏览器获取资源的几种方式
一、前言 浏览器的本质就是加载外部资源、解析外部资源、面向用户展示、面向用户交互,它是一个非常复杂的应用程序,每一个tab都是一个进程,每一个进程都有自己的GPU线程、js引擎线程、网络IO...
Web安全开篇:浏览器为什么会有同源策略?
浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览器系统安全,所以本文我们就按照这个思路来做介绍。 今天我们就先来分析页面中的安全策略,不过在开始之前,我们先来做个假设...
??♀️这一次,让我们一起系统学习微前端!
参与《深入浅出微前端》小册分销,瓜分现金奖励?,活动详情戳>>juejin.cn/post/726258… 掌握微前端,就等于掌握了相对全面的前端知识体系! 微前端的概念源自于微服务,主要目的是降低大...
哈哈哈,这V8通透了吧
V8内存管理 程序运行需要分配内存 V8也会申请内存,申请的内存又会分为堆内存和栈内存 栈 栈用于存放JS中的基本类型和引用类型指针 栈的空间是连续的,增加删除只需要移动指针,操作速度非常快 ...
关闭/刷新浏览器时继续发送请求的方法
业务场景:当用户关闭浏览器、跳转到其他浏览器窗口或刷新浏览器窗口时,需要向服务器发送一些统计数据或者发送指定指令接口去断流/断合流操作,此时就需要使用该用例中的方法了; 具体方案 常...
超简单的前端http异步请求并发控制
http并发请求 浏览器的HTTP请求数量是有限制的,具体数量取决于不同的浏览器和版本。一般来说,浏览器对同一域名下的并发请求数量有限制,这个限制通常在 6-8 个之间,但也可能更多或更少。 fun...
浏览器渲染原理
渲染主流程 主流程分为五个阶段 解析阶段 构建渲染树阶段 布局阶段 绘制阶段 渲染阶段 解析阶段 分为两个独立部分:HTML解析、样式解析 HTML解析(HTML->DOM) <!doctype HTML> <ht...
探索现代浏览器(四)|浏览器是如何处理用户输入的?
Hi 大家好,这里是 探索现代浏览器 专栏的第四篇。 在前面的探索历程中,我们知道了有个概念叫做渲染流水线,我们也知道了浏览器是如何渲染一个页面的。 我们都知道,浏览器之所以在互联网中...
Chrome 渲染流水线
背景 多进程架构 目前 chrome 浏览器是一个多进程的架构。 图:浏览器多进程架构 可以打开浏览器的任务管理看到 浏览器进程、网络进程、GPU 进程、渲染进程 (控制在 tab 里面展示的所有内容) 如...
页面性能工具:如何使用 Performance?
前言 Performance 可以记录站点在运行过程中的性能数据,有了这些性能数据,我们就可以回放整个页面的执行过程,这样就方便我们来定位和诊断每个时间段内页面的运行情况,从而有效帮助我们找出...
浏览器之性能指标-LCP
人这个万物之灵却偏偏有了感情,有了感情就有悲欢 -《时间从来不语,却回答了所有问题》 大家好,我是柒八九。 前言 前几天,我们写了关于Chrome的FCP,看后台数据,反响还是不错的。 那么,今天...
学前端必读的从输入url到页面渲染全过程
从输入 URL 到页面展示这中间到底发生了什么?,这是一道非常经典的面试题,这一过程涉及到了计算机网络、操作系统、Web等一系列知识,如果对这一过程有非常好的了解,对以后的开发甚至是程序的...
浏览器沙盒你知多少?
开题话: ?随着业务环境的快速变化,安全性是开发人员和测试人员在现代 Web 开发周期中面临的最大挑战之一。构建和部署现代 Web 应用程序的复杂性会导致更多的安全漏洞。根据 IBM 和 Ponemon In...
学会使用"条件断点"来解放你的鼠标
(PS:对调试较为熟悉却没有使用过条件断点的同学可以直接翻到文章底部看操作的GIF图~) 一、背景 'Debug'想必大家在开发的过程中也是有经常使用的,这里简单的介绍一下浏览器'Debug'其中的两...