奇舞周刊第 457 期 前端工程师都应该掌握的抓包神器

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

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

奇舞精选

■ ■ ■

 前端工程师都应该掌握的抓包神器工具

前端工程师都应该掌握的抓包神器工具—会了真香！

 试图颠覆 JavaScript 生态？亲身试用新 JS 运行时 Bun 后，我觉得未来可期

我不敢说 Bun 在未来几年能否甚至如何重塑 JavaScript 的面貌，但我真心对它的发展充满期待。

 2022 推荐关注这个零运行时且支持 TS 的 CSS-in-JS 框架

在本文中，我们主要介绍了 Vanilla Extract 的一些特点及在 React 中的应用，不同于其它任何的 CSS-in-JS 方案，它的样式不是在 JavaScript 运行时生成的，而是在编译阶段已经完成。Vanilla Extract 是一个新的 CSS-in-JS，尽管目前在使用率上远不及它的竞争对手，但在 2021 年全球 CSS 满意度调查中还是位列榜首的，也是一个可以关注的技术。

技术实践

■ ■ ■

 Three.js 系列：在元宇宙看电影，享受 VR 视觉盛宴

最近元宇宙的概念很火，并且受到疫情的影响，我们的出行总是受限，电影院也总是关门，但是在家里又没有看大片的氛围，这个时候我们就可以通过自己来造一个宇宙，并在 VR 设备 (Oculus、cardboard) 中来观看。

 Vue2 剥丝抽茧-虚拟 dom 之自定义组件

对于自定义组件本质上是通过 Vue 生成了一个对象实例，该对象自己内部完成 dom 的渲染和响应式更新。然后在父组件适当的位置，通过预先定义的钩子函数去初始化和更新子组件。

 Vite 也可以模块联邦

本文介绍了什么是模块联邦，在模块联邦之前，前端模块共享存在着各种痛点，并且通过在线例子演示了模块联邦的配置，也介绍了 vite-plugin-federation 插件的使用及原理，它让我们可以在 Vite 项目中也可以实现模块共享。总体而言模块联邦配置相对简单，但模块联邦想要真正落地可能需要全员推动，因为在现实开发中，存在着跨部门协作，开发人员不可能了解每个项目的 vite.config.js 配置，这就需要我们将所有的 remote 模块维护成文档，供跨团队调用。

拓展边界

■ ■ ■

 [欢迎注册]新一代 Web 技术标准论坛·W3C 2022 年度全球技术大会中国分会场

TPAC 中国分会场设于杭州，会议对 W3C 会员和受邀嘉宾开放，涵盖 AC 代表会议、Web 中文兴趣组会议、MiniApps 标准工作组会议、无障碍专题交流等一系列活动

 预测一下前端开发的未来

现在的开发者会认为只会前端框架，不懂实现原理是不靠谱的。那有没有一点可能，5 年后的开发者会认为只会拖拽生成页面，不懂开发组件是不靠谱的？

 尤雨溪主题演讲《2022 前端生态趋势》全记录

7月 22 日上午观看了第二届稀土开发者大会尤大关于《2022 Web 前端生态趋势》的主题分享，记录如下，有时间的同学可以观看大会的回放：https://juejin.cn/live/xdc202201

关于奇舞团

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