weekly
第 79 期 05/23 The balance has shifted away from SPAs
技术热闻
The balance has shifted away from SPAs https://nolanlawson.com/2022/05/21/the-balance-has-shifted-away-from-spas/ To be clear, though, I don’t think SPAs are going to go away entirely. But if new browser APIs and features keep landing that slowly chip away at SPAs’ advantages, then more and more teams in the future will probably choose to build MPAs. | 虽然有点儿标题党的意味，但是 SSR 2.0 已然来临，看下 React 18 新特性、Next.js、Remix，Full Stack 在国内，能否流行？
| In this walkthrough, I want to show you the evolution of web development from website to web application. | 一篇很不错的详细介绍 Web 演进和全景的文章。ROBIN WIERUCH 也是一名 freelancer software and web developer，国外还有不少有名的自由职业者，还比如 Kent C. Dodds，他们会有不少的个人作品，如各种书籍、视频课程，活跃在 GitHub 等地方，了解到他们的工作生活状态，挺有意思的。 |
GOV.UK drops jQuery from their front end
| Nowadays, we can do just about anything jQuery can do in vanilla JavaScript. It really begs the question: Do wereallyneed jQuery today? That’s a question that GOV.UK has answered with a resounding “no”. | 我们现在接触到的系统，基本已经不再使用 jQuery，但是放眼全球，jQuery 仍然占了一个很高的比例。看到这条新闻，特意去查了一下，引用一个数据 “jQuery is used by 94.8% of all the websites whose JavaScript library we know. This is 77.3% of all websites.” 看到这个数据，应该会感觉挺意外的吧，有时从个人熟悉度来主观臆断还是不靠谱的 :) |
大前端
Monorepo
从 Turborepo 看 Monorepo 工具的任务编排能力
本文从现有的实际场景出发，谈谈大型代码仓库（Monorepo）可能会遇到的一些问题，再结合业界现有的解决方案，看看 Turborepo 在任务编排方面做出了哪些创新与突破。
JS
| 本文介绍 JS 的管道运算符 | > pipeline operator | Its goal is to make function chaining more readable. |
CSS
:where() :is() :has()? New CSS selectors that make your life easier
In this article though, we’re not going to focus on the syntax, but we’re going to focus in on some new features that are available for the CSS selectors: the :is(), :where() and :has() pseudo-classes.
iOS
Editing Swift Packages in Visual Studio Code
In this post I’ll show you how to edit packages in Visual Studio Code using the awesome Swift for VSCode extension. This extension provides the ability to solve the same issues described in the Xcode post, and arguably in a nicer way.
Flutter
本次主要介绍了富文本编辑器Mural整体的架构设计以及协议层的设计；后续我们会系列文章的方式介绍Mural在渲染层的设计、自定义扩展设计，以及交互体验、性能方面的优化实践。
| [**Flutter动态化 | Fair 2.4.0 新版本特性**](https://mp.weixin.qq.com/s/meWXy1cSUM-frQcTB3mXLQ) |
| Fair是为Flutter设计的动态化框架，可以通过Fair Compiler工具对Dart源文件的转化，使项目获得动态更新Widget的能力。Fair 2.0是为了解决 Fair 1.0版本的“逻辑动态化”能力不足。 | Fair 2.0 |
动态化
随着业务的高速发展，为了用更快的响应速度、更少的研发人力、更好的用户体验承接业务需求，“动态化+跨端”自然而然进入我们视野。在此基础上，我们结合黄流业务对于性能和稳定性要求极高的特性，输出了一套原生动态化方案，代号“MCube”，截止到目前，已在App内多个业务模块上线。
Browser
Syncing text files between browser and disk using Yjs and the File System Access API
In this post, we look at the newly introduced File System Access API, which lets the browser read and write files on a computer.
2011被提出，同年草案被Google Chrome和Mozilla Firefox实现，在此之前Web音频较为原始，无法应付较为复杂的应用场景，例如Web游戏或互动应用，旨在提供全套Web音频解决方案，包含现代游戏音频引擎和一些混录、加工、过滤的能力，可实现部分数字音频工作站(DAW)的功能
低代码
本文是基于 Shopee Supply Chain WMS（Warehouse Management System，仓库管理系统）团队利用前端低代码系统进行降本增效的一次实践总结。
端智能
| 实时端特征已经在支付宝内多个重要场景得到使用并取得显著效果，但是为用户带来智能化、数字化服务是一个长期的探索之旅，过去一年只是万里长征的第一步。 | 本篇是支付宝体验科技推出的第一篇客户端相关文章，后续将持续分享该领域的技术干货。 |
Performance
对于我们来说，哪些指标是可以用来对页面性能、用户体验进行度量的呢？
优化网页的性能，一直是前端工程师最热衷的工作之一。今天我们来看看 Google 提出的一种新的性能优化方案，现在已经在 Google Search 中得到了实践。
Monitor
较为详细地介绍了前端监控体系，并已开源 https://github.com/miracle90/monitor
Web3
The web3 world computer is at a 1970 level of development
Framework
| 在本文中，我全面概述了 Blazor 和 Angular 各自的功能和用法。这两个框架都令人印象深刻，但每个框架都有其优点和局限性。最终，你应根据项目要求在 Blazor 和 Angular 之间进行选择，选出最能满足你需求的一种。 | 附原文：https://www.syncfusion.com/blogs/post/blazor-vs-angular.aspx/amp |
Library
Painless transitions for CSS Grid
行业资讯
ARM 开源项目从 GitHub 迁移至 GitLab，ARM 内核团队：GitLab 真香！
GitLab 官方博客阐述了选择 GitLab 作为自托管平台的优点：最大化选择和成本效益，最小化供应商锁定。
设计
目前全景视频设计解决方案主要应用于家装行业本地化场景，覆盖七座城市核心卖场千家门店、上线累计视频数以千计、覆盖上翻商品数以万计。后续仍将探索其在汽车行业、航旅行业以及房产行业的应用可能。同时，在用户体验上进一步提升视频清晰度、打破囿于视频体积问题带来的机位限制，让用户可以在动态全景视频下移动位置，实现更自由、沉浸、真实的体验。
在企业数字化的进程中，协同办公场景未来将建立更加完善且多元的企业生态，满足安全性、开放性和高可用性，为企业提供自上而下的管理需求、共享服务能力、业务组织能力，连接企业内外帮助各环节高效沟通，共同协作，发掘业务机会。
发现
iPhone lidar with applications for the geosciences
| Apple’s latest products, the iPhone 12 Pro and Pro Max, iPhone 13 Pro and Pro Max, and iPad Pro now feature a built-in lidar scanner that can create 3D representations of close-range objects (up to 5 m away). | iPhone 现在内置了激光雷达扫描仪，可以对5米内的物体进行 3D 建模，本文演示了如何使用这个功能。 |
Theoretical foundations for server-side rendering and static-rendering
From this study, we conclude that the division between static and request-time rendering is mostly fictional and sums up to a problem of cache configuration, and that build-time rendering in particular has been vastly underused until recently.
Paint Holding - reducing the flash of white on same-origin navigations
The way this works is that we defer compositor commits until a given page load signal (PLS) (e.g. first contentful paint / fixed timeout) is reached.
更多
技术周报·Web 互操作性 JavaScript 运行时社区小组成立
欢迎加入，一起共建「前端周刊」