浏览器共0篇 第4页
浏览器
这一篇浏览器事件循环,可能会颠覆部分人的对宏任务和微任务的理解???-五八三

这一篇浏览器事件循环,可能会颠覆部分人的对宏任务和微任务的理解???

在这两天里看到一篇文章,发现好像很多人都把事件循环给搞混了,到底是宏任务先执行还是微任务先执行。在写这篇文章之前,我也随机挑选了几位幸运观众来问这个问题,好像大多都是说微任务先执行。 ...
admin的头像-五八三admin2年前
0320
浏览器沙盒你知多少?-五八三

浏览器沙盒你知多少?

开题话: ?随着业务环境的快速变化,安全性是开发人员和测试人员在现代 Web 开发周期中面临的最大挑战之一。构建和部署现代 Web 应用程序的复杂性会导致更多的安全漏洞。根据 IBM 和 Ponemon In...
admin的头像-五八三admin2年前
080
京东统一头尾管理系统探索实践 | 京东云技术团队-五八三

京东统一头尾管理系统探索实践 | 京东云技术团队

缁崵绮洪懗灞炬珯 闂傤噯绱版穱顔芥暭娑撯偓娑擃亞缍夌粩娆戞畱閺傚洦顢嶉棁鈧憰浣割樋娑斿拑绱电€甸€涚艾娑撯偓娑擃亜鐨崹瀣╅嚋娴滆櫣缍夌粩娆愭降鐠囪揪绱濇导鎷岊吀瀵板牏鐣濋崡鏇...
admin的头像-五八三admin2年前
060
浏览器之性能指标-TTI-五八三

浏览器之性能指标-TTI

凡所执念,皆成束缚 --《佛经》 大家好,我是柒八九。 前言 今天我们来聊聊另外一个比较重要的性能指标TTI。 如果想了解该系列文章(浏览器底层原理&优化方案),可以参考我们已经发布的文章...
admin的头像-五八三admin2年前
0280
浏览器渲染原理-五八三

浏览器渲染原理

渲染主流程 主流程分为五个阶段 解析阶段 构建渲染树阶段 布局阶段 绘制阶段 渲染阶段 解析阶段 分为两个独立部分:HTML解析、样式解析 HTML解析(HTML->DOM) <!doctype HTML> <ht...
admin的头像-五八三admin2年前
0100
浏览器页面安全-CSRF【安全篇】-五八三

浏览器页面安全-CSRF【安全篇】

什么是 CSRF 攻击 CSRF (Cross-site request forgery),又称为“跨站请求伪造”,是指黑客引诱用户打开黑客的网站,在黑客的网站中,利用用户的已登录状态发起的跨站请求。简单来讲,CSRF 攻...
admin的头像-五八三admin2年前
0170
WebAPI:setTimeout是如何实现的?-五八三

WebAPI:setTimeout是如何实现的?

setTimeout 和 XMLHttpRequest 是事件循环的两种不同类型的应用,非常典型。 function showName(){ console.log('极客时间') } var timerID = setTimeout(showName,200);// 指定showName在xx毫...
admin的头像-五八三admin2年前
0150
两个相见恨晚的 Chrome devtool 开发技巧(一)-五八三

两个相见恨晚的 Chrome devtool 开发技巧(一)

前言 前段时间给公司分享前端技术, 因为部门中不光是前端,还有后端、数据。 所以选择了分享 浏览器 相关的, 这个不光前端每天在用,研发人员日常也都离不开使用浏览器。 在准备过程中,学习...
admin的头像-五八三admin2年前
060

前端跨域的几种方式

前端跨域的几种方式 一、 什么是跨域 跨域(Cross-Origin)是指在浏览器你执行脚本时,通过XMLHttpRequest、Fetch等方式请求不同源(协议、域名、端口)的资源。同源策略是浏览器的一种安全机制...
admin的头像-五八三admin2年前
0120
浏览器工作原理-五八三

浏览器工作原理

浏览器发展 单进程 => 多进程(主进程+渲染进程[多个]+插件[多个]+网络+GPU)=> 面向服务 chrome默认策略是每创建一个Tab就创建一个进程,但是还有“同一站点(process-per-site-instance...
admin的头像-五八三admin2年前
0250
学前端必读的从输入url到页面渲染全过程-五八三

学前端必读的从输入url到页面渲染全过程

从输入 URL 到页面展示这中间到底发生了什么?,这是一道非常经典的面试题,这一过程涉及到了计算机网络、操作系统、Web等一系列知识,如果对这一过程有非常好的了解,对以后的开发甚至是程序的...
admin的头像-五八三admin2年前
090
你了解浏览器原理吗?浏览器的缓存机制及缓存策略是什么?-五八三

你了解浏览器原理吗?浏览器的缓存机制及缓存策略是什么?

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第8天,点击查看活动详情 前言 浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的。 在...
admin的头像-五八三admin2年前
0200
浏览器获取资源的几种方式-五八三

浏览器获取资源的几种方式

一、前言 浏览器的本质就是加载外部资源、解析外部资源、面向用户展示、面向用户交互,它是一个非常复杂的应用程序,每一个tab都是一个进程,每一个进程都有自己的GPU线程、js引擎线程、网络IO...
admin的头像-五八三admin2年前
0120
浏览器页面缓存 - Cache【性能篇】-五八三

浏览器页面缓存 – Cache【性能篇】

缓存是我们日常开发中经常会接触到的一个重要概念,也是我们优化性能的一个利器。常用的场景比如在页面的某个不经常更新的图片,或者是页面用到的各种静态资源我们都可以将其进行缓存。这样,浏...
admin的头像-五八三admin2年前
0510
意外之惊喜!浏览器缓存优化方案,让页面加载速度飙升48.5%!-五八三

意外之惊喜!浏览器缓存优化方案,让页面加载速度飙升48.5%!

前言 在互联网时代,页面加载速度对于用户体验至关重要。特别是在微前端架构下,更快的性能和加载速度是我们不懈追求的目标。正因如此,浏览器缓存优化方案成为了备受关注的话题。 经过对浏览器...
admin的头像-五八三admin2年前
0230
解析V8引擎底层原理,探究其优异性能之谜-五八三

解析V8引擎底层原理,探究其优异性能之谜

简介 V8引擎是一款由Google开发的JavaScript引擎,目前被广泛应用于Google Chrome浏览器和Node.js运行环境中。V8引擎采用了众多的优化措施,使得其在性能上得到了极大的提升,能够高效地执行Jav...
admin的头像-五八三admin2年前
020

如何在浏览器中缓存一张图片

要使用JavaScript缓存一张图片,你可以使用Image对象的src属性来加载图片,并将其存储在浏览器的缓存中。 以下是一个示例的JavaScript代码,演示如何缓存一张图片: const image = new Image();...
admin的头像-五八三admin2年前
0190

从输入 URL 到页面显示,这中间发生了什么?

我正在参加「掘金·启航计划」 前言 说说从输入 URL 到页面显示的过程,这是一个在面试中经常会被问到的问题,此问题能比较全面地考察应聘者知识的掌握程度。其中涉及到了网络、操作系统、Web ...
admin的头像-五八三admin2年前
070

Web安全开篇:浏览器为什么会有同源策略?

浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览器系统安全,所以本文我们就按照这个思路来做介绍。 今天我们就先来分析页面中的安全策略,不过在开始之前,我们先来做个假设...
admin的头像-五八三admin2年前
0120
??‍♀️这一次,让我们一起系统学习微前端!-五八三

??‍♀️这一次,让我们一起系统学习微前端!

参与《深入浅出微前端》小册分销,瓜分现金奖励?,活动详情戳>>juejin.cn/post/726258… 掌握微前端,就等于掌握了相对全面的前端知识体系! 微前端的概念源自于微服务,主要目的是降低大...
admin的头像-五八三admin2年前
0110