浏览器共0篇 第3页
浏览器
排序
浏览器页面安全-XSS【安全篇】
什么是XSS攻击 XSS （Cross Site Scripting），为了与“CSS”区分开来，故简称 XSS，翻译过来就是“跨站脚本”。XSS 攻击是指黑客往 HTML 文件中或者 DOM 中注入恶意脚本，从而在用户浏览页面时...
2年前
超简单的前端http异步请求并发控制
http并发请求 浏览器的HTTP请求数量是有限制的，具体数量取决于不同的浏览器和版本。一般来说，浏览器对同一域名下的并发请求数量有限制，这个限制通常在 6-8 个之间，但也可能更多或更少。 fun...
2年前
浏览器之性能指标-LCP
人这个万物之灵却偏偏有了感情，有了感情就有悲欢 -《时间从来不语，却回答了所有问题》 大家好，我是柒八九。 前言 前几天，我们写了关于Chrome的FCP,看后台数据，反响还是不错的。 那么，今天...
2年前
HTML 渲染那些事儿
导读 最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。 恰好也参与了一些新同学的面试，发现大多数同学对于浏览器的渲染原理也只是一知半...
2年前
标签页的打开控制与跨标签页通话
这是每一个音乐网站都会实现的功能，快来看看自己会不会做！ 我们看下图这个效果，在首次点击播放音乐时，打开了一个新的标签页并在新的标签页中播放音乐。 再次切换音乐时，并没有打开新的标签...
2年前
前端必须收藏的六个代码图片生成的网站???
您可能在掘金、CSDN或博客等平台上见过如上图这种引人注目的代码片段图片。?✨ 但您有没有想过如何生成如此迷人的视觉效果？ ok，不要担心！今天，我将分享六个令人难以置信的工具，它们可以帮...
2年前
性能优化之详解各种指标
前言 上篇文章最后提到了我们可以通过performance的一些属性对性能做统计，我们会发现performance对象下有非常多的属性，远不止上篇文章提到的DOMContentLoaded与Load这两个事件。 或许你在浏览...
2年前
浏览器渲染原理
渲染主流程 主流程分为五个阶段 解析阶段 构建渲染树阶段 布局阶段 绘制阶段 渲染阶段 解析阶段 分为两个独立部分：HTML解析、样式解析 HTML解析（HTML->DOM） <!doctype HTML> <ht...
2年前
探索现代浏览器（四）｜浏览器是如何处理用户输入的？
Hi 大家好，这里是 探索现代浏览器 专栏的第四篇。 在前面的探索历程中，我们知道了有个概念叫做渲染流水线，我们也知道了浏览器是如何渲染一个页面的。 我们都知道，浏览器之所以在互联网中...
2年前Web安全开篇：浏览器为什么会有同源策略？
浏览器安全可以分为三大块——Web 页面安全、浏览器网络安全和浏览器系统安全，所以本文我们就按照这个思路来做介绍。 今天我们就先来分析页面中的安全策略，不过在开始之前，我们先来做个假设...
2年前
学前端必读的从输入url到页面渲染全过程
从输入 URL 到页面展示这中间到底发生了什么？，这是一道非常经典的面试题，这一过程涉及到了计算机网络、操作系统、Web等一系列知识，如果对这一过程有非常好的了解，对以后的开发甚至是程序的...
2年前
京东统一头尾管理系统探索实践 | 京东云技术团队
缁崵绮洪懗灞炬珯 闂傤噯绱版穱顔芥暭娑撯偓娑擃亞缍夌粩娆戞畱閺傚洦顢嶉棁鈧憰浣割樋娑斿拑绱电€甸€涚艾娑撯偓娑擃亜鐨崹瀣╅嚋娴滆櫣缍夌粩娆愭降鐠囪揪绱濇导鎷岊吀瀵板牏鐣濋崡鏇...
2年前
Mock:Intercept and directly return data 插件使用介绍
在安装好 Mock:Intercept and directly return data 插件后（如何安装？），接下来对插件的具体功能进行详细的介绍。 支持情况 可以 Mock 哪些接口？ 使用 XMLHttpRequest 请求的接口。 使用 fe...
2年前
浏览器之性能指标_FCP
成长第一课：你没那么多观众，不必过多在意别人的眼光 大家好，我是柒八九。 前言 在前几天，我们写了，关于如何利用fetchpriority对页面资源进行优先级的处理。 然后，我也承诺大家也会有关于...
2年前
浏览器之资源获取优先级(fetchpriority)
认识你自己很难，但认识你自己的时间，却是每个人都能做到的 -- 彼得·德鲁克 大家好，我是柒八九。 前言 最近，公司在做技术改造升级，老旧项目优化。因为是B端项目居多，所以优化方向也是基于...
2年前
一文搞懂，浏览器是如何渲染页面的
当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。 整个渲染流程分...
2年前
探索现代浏览器（三）｜浏览器是如何渲染一个页面的？
Hi 大家好，这里是 探索现代浏览器 专栏的第三篇。 在上一篇中，我们探讨了浏览器导航的过程，其中 Step5 浏览器进程会 提交导航 给 渲染进程 去做页面渲染。那么今天我们就来探讨另一个经典...
2年前你不知道的神奇的Web API（二）
# 你不知道的神奇的Web API（一） 随着技术的快速变化，开发人员正在获得令人难以置信的新工具和API。但我们发现，在100 多个 API中，只有5% 被开发者积极使用。 让我们来看看一些有用的Web A...
2年前
Chrome 渲染流水线
背景 多进程架构 目前 chrome 浏览器是一个多进程的架构。 图：浏览器多进程架构 可以打开浏览器的任务管理看到 浏览器进程、网络进程、GPU 进程、渲染进程 (控制在 tab 里面展示的所有内容) 如...
2年前
你不知道的神奇的Web API（一）
我正在参加「掘金·启航计划」 随着技术的快速变化，开发人员正在获得令人难以置信的新工具和API。但我们发现，在100 多个 API中，只有5% 被开发者积极使用。 让我们来看看一些有用的Web API，...
2年前