浏览器共0篇
浏览器
排序
浏览器获取资源的几种方式
一、前言 浏览器的本质就是加载外部资源、解析外部资源、面向用户展示、面向用户交互，它是一个非常复杂的应用程序，每一个tab都是一个进程，每一个进程都有自己的GPU线程、js引擎线程、网络IO...
2年前
浏览器页面缓存 – Cache【性能篇】
缓存是我们日常开发中经常会接触到的一个重要概念，也是我们优化性能的一个利器。常用的场景比如在页面的某个不经常更新的图片，或者是页面用到的各种静态资源我们都可以将其进行缓存。这样，浏...
2年前
意外之惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！
前言 在互联网时代，页面加载速度对于用户体验至关重要。特别是在微前端架构下，更快的性能和加载速度是我们不懈追求的目标。正因如此，浏览器缓存优化方案成为了备受关注的话题。 经过对浏览器...
2年前
解析V8引擎底层原理，探究其优异性能之谜
简介 V8引擎是一款由Google开发的JavaScript引擎，目前被广泛应用于Google Chrome浏览器和Node.js运行环境中。V8引擎采用了众多的优化措施，使得其在性能上得到了极大的提升，能够高效地执行Jav...
2年前如何在浏览器中缓存一张图片
要使用JavaScript缓存一张图片，你可以使用Image对象的src属性来加载图片，并将其存储在浏览器的缓存中。 以下是一个示例的JavaScript代码，演示如何缓存一张图片： const image = new Image();...
2年前从输入 URL 到页面显示，这中间发生了什么？
我正在参加「掘金·启航计划」 前言 说说从输入 URL 到页面显示的过程，这是一个在面试中经常会被问到的问题，此问题能比较全面地考察应聘者知识的掌握程度。其中涉及到了网络、操作系统、Web ...
2年前Web安全开篇：浏览器为什么会有同源策略？
浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览器系统安全，所以本文我们就按照这个思路来做介绍。 今天我们就先来分析页面中的安全策略，不过在开始之前，我们先来做个假设...
2年前
??♀️这一次，让我们一起系统学习微前端！
参与《深入浅出微前端》小册分销，瓜分现金奖励?，活动详情戳>>juejin.cn/post/726258… 掌握微前端，就等于掌握了相对全面的前端知识体系！ 微前端的概念源自于微服务，主要目的是降低大...
2年前
纯前端如何原生处理数据压缩
随着前端技术的快速发展，在浏览器里能做的事情越来越多，我们的web应用也变得越来越复杂，处理的数据量越来越大，很多之前需要交给服务端或者需要其他语言编写的库再编译成JS使用，亦或者有些...
2年前
浏览器中Cookie的全面介绍
简介 在Web前端开发时，我们经常会遇到一些浏览器存储相关的工具，例如Cookie。Cookie的英文本意是曲奇，但是在Web中，它被用作浏览器中存储的数据。Cookie都是name=value的结构，name和value都...
2年前IntersectionObserver 浏览器观察器 API详解
作为前端开发的事件监听，一般常用前端框架自带监听属性，和浏览器对象属性 vue-watch react-componentdidupdate 浏览器对象属性document.addEventListener 一. IntersectionObserver是浏览器原...
2年前
你不知道的神奇的Web API（一）
我正在参加「掘金·启航计划」 随着技术的快速变化，开发人员正在获得令人难以置信的新工具和API。但我们发现，在100 多个 API中，只有5% 被开发者积极使用。 让我们来看看一些有用的Web API，...
2年前
HTTP请求基础｜请求方法与提交数据
前言 HTTP请求基础几乎是每一位软件开发者必备的知识点，大部分呈现给用户的页面/数据都是从远程服务器拉取，故我们需要对这块的知识有一定了解 本文阅读成本与收益如下： 阅读耗时：10mins 全...
2年前
前端程序员必须要知道的跨域问题以及解决方法
前言 最近在做期末课程设计，当前端通过axios向后端发请求时，发现报错了： 查阅了一番资料，发现这是跨域问题，这篇文章我们就来聊聊跨域问题以及解决方法。 跨域 是什么？ 跨域（Cross-Origin...
2年前
探索现代浏览器（四）｜浏览器是如何处理用户输入的？
Hi 大家好，这里是 探索现代浏览器 专栏的第四篇。 在前面的探索历程中，我们知道了有个概念叫做渲染流水线，我们也知道了浏览器是如何渲染一个页面的。 我们都知道，浏览器之所以在互联网中...
2年前
浏览器之性能指标-TBT
曾国藩,左宗棠,彭玉麟 并称大清三杰曾国藩,左宗棠,彭玉麟,胡林翼并称中兴四大名臣 -<曾国藩传> 大家好，我是柒八九。 前言 最近,北京突发暴雨.部分地区,遭受洪灾,猛然发现,人在大自然中是...
2年前重绘与重排的区别
在网页渲染过程中，重绘（Repaint）和重排（Reflow）是两个重要的概念，它们描述了浏览器对DOM元素进行布局和渲染的不同阶段。 重排： 重排指的是浏览器计算和确定元素在页面中的位置和大小的过...
2年前
面试官：输入url到浏览器页面展示，CPU转了几圈???
浏览器作为我们经常使用的软件,你是否有认真想过,当我们在浏览器中输入一个 URL 或者直接点开一个 URL 后,就可以看到网页内容了。它为什么能显示出来,你是否有考虑过,你是否清楚地知道它背后都...
2年前
从零开始实现一个玩具版浏览器渲染引擎
前言 浏览器渲染原理作为前端必须要了解的知识点之一，在面试中经常会被问到。在一些前端书籍或者培训课程里也会经常被提及，比如 MDN 文档中就有渲染原理的相关描述。 作为一名工作多年的前端...
2年前
Chrome 渲染流水线
背景 多进程架构 目前 chrome 浏览器是一个多进程的架构。 图：浏览器多进程架构 可以打开浏览器的任务管理看到 浏览器进程、网络进程、GPU 进程、渲染进程 (控制在 tab 里面展示的所有内容) 如...
2年前