《熊猫周刊》-2022/04/29

《熊猫周刊》是一个专注于前端领域的技术周刊，我们为您收集了最新的前端技术文章和行业资讯内容，欢迎您的阅读。
如果您有好的内容，我们诚挚的欢迎您的投稿。
如果觉得内容对您有价值，麻烦点个赞和关注鼓励下我们哦！感谢您的支持~

【技术研究】

1、边缘渲染提速

随着边缘计算的发展，由于CDN节点距离用户更近，有更短网络延时的优势，我们可以将页面进行动静拆分，将静态内容缓存在CDN先快速返回给用户，然后在CDN节点上发起动态内容的请求，之后将动态内容与静态部分以流的形式进行拼接，从而进一步提高了用户的首屏加载时间，尤其在边缘地区或者弱网环境也有能拥有很好的用户体验，此外还减少原先SSR服务器压力。

原文地址

2、浅谈Web容器设计的边界和目标

本文是笔者参与UC浏览器新一代Web容器架构方案的设计、建设、业务落地过程的一些总结和思考。

原文地址

3、vivo 商品中台的可视化微前端实践

随着商品管理系统的成熟稳定和业务上的扩展需求，催化出了商品中台的诞生。它可以将现有商品功能最大效率的复用在很多业务上（公司内业务、公司外业务等），而不是仅限于当前团队的业务使用。

本文阐述了 Vivo 如何在商品中台前端系统中做微前端和可视化。

原文地址

4、前端如何做 h5 游戏的游戏体验

游戏是一个比标准 h5 页面更要追求体验的一种应用类型。因为游戏的特性通常需要用户花更多的心思沉浸在其中，能够充分的进入游戏世界中才能够更好的感受其中的乐趣。

原文地址

5、从业务视角来聊一聊为什么我们需要 RxJS？

本文尝试从在线教室的现状出发，聊一聊引入 RxJS 的原因，并从 RxJS 最具高频的使用场景切入，尝试将 RxJS 的最为核心的概念弄清楚的同时，帮助读者、听众能够实际将 RxJS 应用在业务中，学以致用。

原文地址

6、前端鉴权的兄弟们

本文你将看到：

• 基于 HTTP 的前端鉴权背景
• cookie 为什么是最方便的存储方案，有哪些操作 cookie 的方式
• session 方案是如何实现的，存在哪些问题
• token 方案是如何实现的，如何进行编码和防篡改？jwt 是做什么的？refresh token 的实现和意义
• session 和 token 有什么异同和优缺点
• 单点登录是什么？实现思路和在浏览器下的处理

原文地址

【行业资讯】

1、W3C 公布 WebAssembly 2.0 工作草案

近日，W3C 公布了 WebAssembly 2.0 的工作草案。该草案由 3 部分组成，分别是：

• WebAssembly Core Specification – Version 2.0：该部分描述了 WebAssembly 核心标准的 2.0 版本，是一种安全、可移植、可以为高效执行和紧凑表达而设计的低级代码格式；
• WebAssembly JavaScript Interface – Version 2.0：提供了一个明确的 JavaScript API 可用于与 WebAssembly 交互；
• WebAssembly Web API – Version 2.0：该部分描述了 WebAssembly 与各大技术平台的整合。

原文地址

2、Ubuntu 发布 22.04 LTS 版本

近日，Ubuntu 22.04 LTS 版本发布。同时发布的还有包括 Ubuntu Budgie、Kubuntu、Lubuntu、Ubuntu Kylin、Ubuntu MATE、UbuntuStudio 和 Xubuntu 等在内的其他分支。

据了解，Ubuntu 22.04 LTS 是第一个全面支持近期发布的 Raspberry Pi 设备的 LTS 版本，使用了 GNOME 42 桌面环境，在系统可用性、电池性能等方面有了显著改进。此外，该版本还加入了 Rust 内存安全系统级语言编程。

原文地址

3、Ant Design 4.20.0 发布

近日 Ant Design 4.20.0 发布，正式支持 React 18 和严格模式！

原文地址

4、Chrome 101 发布 Priority Hints，可以控制资源优先级了

2022年4月26日 Chrome 101正式发布，其支持了Priority Hints，用于指定页面资源的加载优先级，即fetchpriority属性，帮助浏览器根据优先级优化加载顺序，从而优化页面加载体验。

原文地址

5、Node.js 18 正式发布

Node.js 18 是未来 6 个月的 Current 版本，将在 2022 年 10 月升级为 LTS ，升级为 LTS 后将支持到 2025 年 4 月。

• 默认开启实验性 Fetch API，该实现来自官方的 undici 模块，具有高性能，良好的扩展性，内置mock 等能力。
• 新增了全局的 Web Streams API。
• 新增测试运行器模块 node:test，有助于创建以 TAP 格式报告结果的 JavaScript 测试。
• V8 JavaScript 引擎更新到 10.1。比如支持了 findLast() 和 findLastIndex() 数组方法，改进了 Class 的性能。
• Linux 版本的预构建二进制文件现在基于 Red Hat Enterprise Linux (RHEL) 8 构建，且与基于 glibc 2.28 或更高版本的 Linux 发行版兼容，例如 Debian 10、RHEL 8、Ubuntu 20.04。因此此版本将不再支持 CentOS 7（glibc 默认版本 2.17），具体应对措施请参考。
• 支持 JSON Import Assertions。
• 默认启用实验性 import JSON 功能

原文地址

6、装饰器提案进入 Stage 3

受关注程度较高的装饰器提案与 Type Annotations 提案均取得了阶段性进展，分别进入到 Stage 3 与 Stage 1。

提案链接：https://github.com/tc39/proposal-decorators

原文地址

---