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

【简介】

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

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

点击查看全文 >>

@又拍云 2021-09-07 11:16分享 / 0个评论
赞过的人: IT技术博客大学习 又拍云
要不要再学学下面的文章?
没登录网页也能个性化推荐?一文详解浏览器指纹 (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 分享 查看详情
浏览器缓存和 CDN 在前端的落地 (xuexb.com)
提到浏览器缓存,大多数人肯定知道以下几点:
1、设置 Response Headers cache-control;
2、静态文件添加版本号;
3、静态文件添加最大缓存;

但其实缓存还可以更具体、更合适,下面是我在工作业务开发中对缓存的理解,具体基础的概念这里就不提了。
by @技术头条 2021-05-27 07:15 分享 查看详情
全球第二大浏览器升级!内存CPU占用暴降 (mp.weixin.qq.com)
据外媒报道,Edge 87稳定版的各项性能此次也拥有较大幅度的提升。



除了在使用中更加稳定外,同时微软也调整了软件的内存占用率,让系统更加流畅,同时也降低了那些配置不高的用户的负担。
by @code小生 2021-05-05 19:02 分享 查看详情
Android 实现小红书登陆页面背景图无限滚动效果 (mp.weixin.qq.com)
通过 uiautomatorviewer 分析页面布局,其应是通过自定义 FrameLayout 实现
通过清除 App 数据同时断开数据连接再启动该页面,确定背景加载的是本地图片
通过小红书 apk 获取资源文件,确定背景图片为单张图片
by @code小生 2021-04-18 12:13 分享 查看详情
大厂的404页面都长啥样?最后一个亮了... (mp.weixin.qq.com)
每天浏览各大网站,难免会碰到404页面啊。你注意过404页面么?猿妹搜罗来了下面这些知名网站的404页面,以供大家欣赏,看看哪个网站更有创意:
by @code小生 2021-04-18 11:53 分享 查看详情
优酷 iOS 插件化页面架构方法 (mp.weixin.qq.com)
随着业务不停地迭代,优酷 APP 用于分发视频资源的 UI 控件越写越多,也越来越复杂,并且同时相似相近的代码也非常多。仔细研究之后,发现是很多耦合导致的问题:
1)布局代码耦合数据模型,相似布局组件各自一套布局代码;
2)数据模型、UIView 继承关系太长,改动时牵一发而动全身,为保险计不得不自立门户;
3)依赖引入,一个组件在另一 bundle 下使用时将引入连串依赖。
有鉴于此,我们需要寻找一种能够进一步降低通用能力接入门槛,提升单个组件的开发效率;进一步降低组件与页面的耦合,建立各类组件的在不同页面的通用投放能力的架构。
by @code小生 2021-03-28 11:29 分享 查看详情
微软:杀死那个曾经全球第一的浏览器 (mp.weixin.qq.com)
今年以来,Edge浏览器切换到Chromium生态并重装上阵,并强势地捆绑推送给了几乎每一个Win 10用户。
by @code小生 2021-03-21 23:31 分享 查看详情
优酷 iOS 插件化页面架构方法 (mp.weixin.qq.com)
随着业务不停地迭代,优酷 APP 用于分发视频资源的 UI 控件越写越多,也越来越复杂,并且同时相似相近的代码也非常多。仔细研究之后,发现是很多耦合导致的问题:
by @code小生 2021-03-21 23:29 分享 查看详情