简略图解:输入 url 到出现页面,浏览器做了什么? (zhuanlan.zhihu.com)

【简介】

很多前端开发人员都思考过这么一个问题:从输入 URL 到页面加载完成,中间都做发生了什么?

这个问题涉及的面非常广,每个涉及的点又很深入。从触屏/键盘如何到 CPU?CPU 如何到系统内核?如何从操作系统 GUI 到浏览器?浏览器如何向网卡发送数据?数据如何从本机网卡发送到服务器?服务器接收数据后如何处理?服务器返回数据后浏览器如何处理?浏览器如何将页面展现出来……

点击查看全文 >>

@又拍云 2021-09-07 11:16分享 / 0个评论
赞过的人: IT技术博客大学习 又拍云
要不要再学学下面的文章?
一文读懂浏览器存储与缓存机制 (zhuanlan.zhihu.com)
Cookie 是 HTTP 协议的一种无状态协议。当请求服务器时,HTTP 请求都需要携带 Cookie,用来验证用户身份。Cookie 由服务端生成,存储在客户端,用来维持状态……
by @又拍云 2022-01-14 14:13 分享 查看详情
Edge浏览器新版来袭,Office功能首次出现! (mp.weixin.qq.com)
为了让用户快速访问Office文件,微软已经为Edge和Chrome浏览器提供了一个浏览器扩展。除此之外,近日微软Edge 92版开始向开发频道的测试人员推出,此次更新带来两个新功能:Office 查看器和 Windows 搜索集成。
by @code小生 2022-01-03 19:21 分享 查看详情
Chrome 浏览器将登陆 Fuchsia OS (mp.weixin.qq.com)
2016年曝光,今年5月开放源码,并向部分第一代 Nest Hub 进行推送,谷歌新操作系统 Fuchsia OS 的神秘面纱逐渐明朗。
by @code小生 2021-11-08 10:21 分享 查看详情
vscode-loader 源码解析之「浏览器环境」 (forum.lovejade.cn)
vscode 源码使用 vscode-loader 加载模块,vscode-loader 是异步模块定义 (AMD) 加载器的一种实现。而 AMD 规范的实现典范是 requirejs,可在浏览器、node 等环境中,异步加载 js 或模块。本文旨在分享 vscode-loader 源码解析之「浏览器环境」。
by @杨琼璞 2021-11-03 19:38 分享 查看详情
灵魂画手:漫画图解 SSH (zhuanlan.zhihu.com)
对称算法是指信息的发送方和接收方使用同一份秘钥去加解密数据。AES、DES 等都是常用的对称加密算法。

对称算法的优点是加解密的速度快,适合对于大数据量加密。缺点是因为只有一个秘钥,所以秘钥管理困难,只要暴露了,就很容易破解加密后的信息……
by @又拍云 2021-10-28 11:20 分享 查看详情
灵魂画手:漫画图解 SSH (zhuanlan.zhihu.com)
对称算法是指信息的发送方和接收方使用同一份秘钥去加解密数据。AES、DES 等都是常用的对称加密算法。

对称算法的优点是加解密的速度快,适合对于大数据量加密。缺点是因为只有一个秘钥,所以秘钥管理困难,只要暴露了,就很容易破解加密后的信息……
by @又拍云 2021-10-28 11:20 分享 查看详情
无需刷新即可检测 JavaScript 中的 URL 更改 (forum.lovejade.cn)
如何为 Flarum 论坛添加 medium-zoom(用于缩放图像的 JavaScript 库,如 Medium)呢?本篇文章,在于分析借助 MutationObserver 函数,从而为 SPA 应用,添加些特殊处理,如添加 medium-zoom 动画。
by @杨琼璞 2021-09-27 19:19 分享 查看详情
没登录网页也能个性化推荐?一文详解浏览器指纹 (zhuanlan.zhihu.com)
浏览器指纹辨识的信息可以是 UA、时区、地理位置或者是使用的语言等等,浏览器所开发的信息决定了浏览器指纹的准确性。

对于网站而言,拿到浏览器指纹并没有实际价值,真正有价值的是浏览器指纹对应的用户信息。作为网站站长,收集用户浏览器指纹并记录用户的操作,是一个有价值的行为,特别是针对没有用户身份的场景。
by @又拍云 2021-07-08 14:41 分享 查看详情
当 SSR 遇上 Serverless,轻松实现页面瞬开 (fed.taobao.org)
最近随着 Rax SSR 完成渲染性能 6x React 的提升,以及工程上 Serverless 发布形式的对接,我想是时候跟大家介绍下 Rax SSR 了。

SSR 的全称是 Server Side Rendering,对应的中文名是:服务器端渲染,顾名思义是将渲染的工作放在 Server 端进行。

而与之对应的是 CSR ,客户端渲染,也就是目前 Web 应用中主流的渲染模式,一般由 Server 端返回的初始 HTML 页面,然后再由 JS 去异步加载数据,然后完成页面的渲染。
by @技术头条 2021-05-27 22:30 分享 查看详情
大型 h5 页面无缝闪开方案 (www.alloyteam.com)
在传统的 web 优化中,我们可以采取压缩、拆包、动态加载等方法减少首屏资源大小,也能通过离线包、页面直出等方案加速 html 返回,之前一篇 h5 秒开大全有部分简析。在大部分场景中,这些方案都足够用,也能得到出色的效果。但仍有两种无法尽善尽美的地方:其一是短暂的白屏现象不可避免,其二是对于超大型 web 应用难以做到秒开。结合客户端特性,我们有没有办法,进一步做到极致,打开 web 页面和打开客户端页面无差异的体验呢?
by @技术头条 2021-05-27 22:27 分享 查看详情