浏览器共0篇 第4页
浏览器
排序
devTools之Network面板
Network面板的作用是在devTools打开的时候记录网络活动。如下图所示，Network面板可以分为七个部分： 控制器 过滤器 设置 抓图信息 时间线 资源请求列表 资源请求信息概要 控制器 录制/停止网络...
2年前10个前端必备的浏览器技能，让你的网页更优秀
作为一名前端开发者，熟练掌握浏览器的相关技能是必不可少的。因为不仅仅要做出能够兼容不同浏览器的页面，还要保证页面的性能、安全性和访问速度等方面。在本文中，我们将为您介绍10个前端必备...
2年前
前端程序员必须要知道的跨域问题以及解决方法（2）
前言 跨域问题是面试的常考点，之前我写过一篇关于跨域问题的文章： 前端程序员必须要知道的跨域问题以及解决方法（1） - 掘金 (juejin.cn) 文章中提到了两种解决跨域的方法；当然解决跨域不只...
2年前重绘与重排的区别
在网页渲染过程中，重绘（Repaint）和重排（Reflow）是两个重要的概念，它们描述了浏览器对DOM元素进行布局和渲染的不同阶段。 重排： 重排指的是浏览器计算和确定元素在页面中的位置和大小的过...
2年前
纯前端如何原生处理数据压缩
随着前端技术的快速发展，在浏览器里能做的事情越来越多，我们的web应用也变得越来越复杂，处理的数据量越来越大，很多之前需要交给服务端或者需要其他语言编写的库再编译成JS使用，亦或者有些...
2年前
浏览器获取资源的几种方式
一、前言 浏览器的本质就是加载外部资源、解析外部资源、面向用户展示、面向用户交互，它是一个非常复杂的应用程序，每一个tab都是一个进程，每一个进程都有自己的GPU线程、js引擎线程、网络IO...
2年前
浏览器渲染原理
渲染主流程 主流程分为五个阶段 解析阶段 构建渲染树阶段 布局阶段 绘制阶段 渲染阶段 解析阶段 分为两个独立部分：HTML解析、样式解析 HTML解析（HTML->DOM） <!doctype HTML> <ht...
2年前
浏览器输入URL后发生了什么
我正在参加「掘金·启航计划」 前言 你是否曾经想过，当你在浏览器中输入一个URL并按下回车键后，会发生什么事情？这个简单的动作背后隐藏着一系列复杂而精密的过程。在本篇博客中，我们将深入...
2年前
使用浏览器插件提升前端项目调试速度
前言 基于公司项目扩展出来的一个技术方案，项目是农牧项目，项目中的权限为: 单位 > 猪场 > 用户 , 下面的技术方案是解决开发过程中切换到有问题的单位和猪场，根据特定数据快速复现bug...
2年前
剑走偏锋，无头浏览器是什么神奇的家伙
公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。 大家好，我是风筝 浏览器是再熟悉不过的东西了，几乎每个人用过，比如 Chrome、FireFox、Safari，尤其是我们程序员，可谓开发...
2年前
浏览器的调试与开发
浏览器的调试与开发 ? 前言： 网页主要是运行在浏览器上， 主要由HTML、CSS、JS三部分组成， 比作一个人的话，HTML是身体、CSS是衣服、JS是动作， 下面主要介绍通过浏览器的调试工具，了解前端...
2年前
学会使用"条件断点"来解放你的鼠标
（PS：对调试较为熟悉却没有使用过条件断点的同学可以直接翻到文章底部看操作的GIF图~） 一、背景 'Debug'想必大家在开发的过程中也是有经常使用的，这里简单的介绍一下浏览器'Debug'其中的两...
2年前Web开发中的强缓存和协商缓存策略（二）
Web开发中的强缓存和协商缓存策略（二） 一. 相关参数 1. 强缓存 Expires Expires是HTTP/1.0中定义的一个响应头字段，它表示资源的过期时间，即在这个时间之前，浏览器可以直接从浏览器缓存中获...
2年前
什么？Mutation events将要从 Chrome 中移出？
前言 如图，Chromium将要在127版本之后，移出对 mutation events 的支持，时间是2024年7月30号。博文具体信息可参见：Mutation events will be removed from Chrome 看到文章标题的第一反应是震...
2年前
前端程序员必须要知道的跨域问题以及解决方法
前言 最近在做期末课程设计，当前端通过axios向后端发请求时，发现报错了： 查阅了一番资料，发现这是跨域问题，这篇文章我们就来聊聊跨域问题以及解决方法。 跨域 是什么？ 跨域（Cross-Origin...
2年前
浏览器沙盒你知多少？
开题话： ?随着业务环境的快速变化，安全性是开发人员和测试人员在现代 Web 开发周期中面临的最大挑战之一。构建和部署现代 Web 应用程序的复杂性会导致更多的安全漏洞。根据 IBM 和 Ponemon In...
2年前
页面性能工具：如何使用 Performance？
前言 Performance 可以记录站点在运行过程中的性能数据，有了这些性能数据，我们就可以回放整个页面的执行过程，这样就方便我们来定位和诊断每个时间段内页面的运行情况，从而有效帮助我们找出...
2年前
意外之惊喜！浏览器缓存优化方案，让页面加载速度飙升48.5%！
前言 在互联网时代，页面加载速度对于用户体验至关重要。特别是在微前端架构下，更快的性能和加载速度是我们不懈追求的目标。正因如此，浏览器缓存优化方案成为了备受关注的话题。 经过对浏览器...
2年前
HTML 渲染那些事儿
导读 最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。 恰好也参与了一些新同学的面试，发现大多数同学对于浏览器的渲染原理也只是一知半...
2年前
浏览器工作原理
浏览器发展 单进程 => 多进程（主进程+渲染进程[多个]+插件[多个]+网络+GPU）=> 面向服务 chrome默认策略是每创建一个Tab就创建一个进程，但是还有“同一站点（process-per-site-instance...
2年前