奇舞周刊第 453 期 只有 Chromium 的 Web 会是什么样子？

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞精选

■ ■ ■

 只有 Chromium 的 Web 会是什么样子？

当我最近从一位消息灵通的人士那里听说“Chromium 社区中的许多人正主张建立一个只有 Chromium 的 Web”时，我的耳朵嗡嗡作响。虽然长期以来，Chrome 团队 (及其朋友们) 一直在抨击其他浏览器，认为它们实现前沿 Web 扩展的速度太慢，但主张只有一个浏览器引擎的 Web 步子也太大了吧。

 新朝旧将 vite 和 webpack 煮酒论英雄

虽然 Webpack 仍然是许多流行应用程序的默认 JavaScript 构建工具，有很多扩展和一个非常庞大的开发者社区，鉴于社区的积极反馈，Vite 很有可能成为未来最受欢迎的选择，但是在社区可以中看到很多新库或框架，有多快或多好并不重要，重要的是社区如何采用它。

 深入 Chrome 102 新特性 PNA (Private Network Access) 机制与相关异常

在浏览器的使用中，缓存通常是其中重要的一环。对于缓存的好的利用，可以缓解服务器的压力、提升我们的网页性能和减少我们的带宽消耗。但是缓存有时也是不可控的一个存在，如果利用不好，在问题的排查中也会给我们造成很多的困扰。

技术实践

■ ■ ■

 如何在 Vue 项目中，通过点击 DOM 自动定位 VSCode 中的代码行？

无论是哪个打包工具，本质上都是对源码文件的转换处理，当我们理解了打包工具的运行机制后，就可以做一些自己认为有意义的事。就拿页面元素代码映射插件来说，使用它可以极大提升开发效率，不再需要花费时间在寻找代码文件上，特别是页面数和组件数比较多的项目，只需点击页面元素，即可一键打开对应代码文件，精准定位具体代码行，无需查找，哪里不会点哪里，so easy！

 【温故而知新】你可能不知道的 Proxy

本文主要是介绍 Proxy 以及配合 Reflect 的简单使用，再从 ECMAScript 规范讲起内部方法、内部槽以及普通对象、异质对象的定义，进而了解了 Proxy 能实现代理的内部实现逻辑。

 介绍与换行相关的 CSS 属性

凡是 Web 中的换行规则都可以改变，无论是中文的还是英文的，灵活到超出你的想象，非常强大。所以在文字内容排版这块，CSS 是计算机领域中无可争议的霸主气，什么 SVG 什么 canvas 根本就是望尘莫及。

拓展边界

■ ■ ■

 HTTP 史记 - 从 HTTP/1 到 HTTP/3

说起 http 必然先了解《万维网 (World Wide Web)》简称 WWW。WWW 是基于客户机<=> 服务器方式‘利用链接跳转站点’和‘传输超文本标记语言 (HTML)’的技术综合。而 HTTP (HyperText Transfer Protocol) 是万维网的基础协议，制定了浏览器与服务器之间的通讯规则。

 Web3.0 撕裂资本圈

不管怎样，Web3.0 仍是今年以来最火爆和最具争议性的概念。一位投资人总结，当下的世界已经分为了新世界和旧世界，两大世界的支持者已经泾渭分明，“这两个世界现在是完全平行的”。

 W3C 加入元宇宙标准论坛推动开放包容的元宇宙互操作性标准

W3C 作为创始成员之一加入元宇宙标准论坛，将与专注领先平台、硬件、工具、引擎、用户的其他成员携手推动开放包容的元宇宙互操作性标准。该论坛面向所有组织免费开放，旨在汇集领先的标准组织和公司，就构建开放包容的元宇宙所需的互操作性标准进行全行业合作。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。