奇舞周刊第 449 期 2022 年的 CSS 全览

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

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

奇舞精选

■ ■ ■

 2022 年的 CSS 全览

2022 年将成为 CSS 最伟大的一年。无论是在功能还是合作浏览器的功能发布方面，合作目标是实现 14 个功能。本文是在 Google IO 2022 上发表的演讲的文字形式。

这里不会对每个功能进行深入的讲解，而是对每个功能进行简要概述，提供广度而不是深度。

 不再支持 IE，React 新特性详细解读

React 18 带来了许多新特性，你也可以看到一些即将出现的新事物。服务器组件、用于数据获取的 Suspense，和组件渲染都是接下来的新特性的一部分。

React 正在与它的整个生态系统一起发展，我迫不及待地想看看接下来会发生什么！

 通过 Preact 看 Diff 算法细节

通过本篇文章，我们对于 React 最核心的 Diff 逻辑有了基本的了解。当然 React 的代码细节要复杂得多了，尤其是加了 Fiber 之后，它值得我们持续地去学习和探索。

技术实践

■ ■ ■

 Web Components-LitElement 实践

总的来说，LitElement 在 Web Components 开发方面有着很多比原生的优势，它具有以下特点：

1.简单：在 Web Components 标准之上构建，Lit 添加了响应式、声明性模板和一些周到的功能，减少了模板文件。

2.快速：更新速度很快，因为 Lit 会跟踪 UI 的动态部分，并且只在底层状态发生变化时更新那些部分——无需重建整个虚拟树并将其与 DOM 的当前状态进行比较。

3.轻便：Lit 的压缩后大小约为 5 KB，有助于保持较小的包大小并缩短加载时间。

4.高扩展性...

 干货 | 携程机票前端 Svelte 生产实践

通过这次技改，使我们对 Svelte 有了一些全新的认知。整体来说，Svelte 继前端三大框架之后推陈出新，以一种新的思路实现了响应式。

 我们是怎么在项目中落地 qiankun 的

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

经过技术调研，我们决定用微前端的方式实现。

拓展边界

■ ■ ■

 WebAssembly 最新进展与未来方向

什么是 WebAssembly、为什么选择 WebAssembly、它经历了哪些开发历程、未来发展方向如何...怎么参与这项工作？

 世界第三大浏览器正在消亡

你认为，是什么影响了 Firefox 用户群的减少呢？你更喜欢哪一个浏览器作为你的主要 Web 浏览器？

 Sourcetree 使用小心得

通过本篇的使用方式总结，大家在 sourcetree 全流程的使用上，心里应该有了底气。

关于奇舞团

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