技术周报 · 2021-05-28

小编推荐

字节跳动是这样应用 Flutter 的

“尤其是对于 Flutter 这种「破坏式」创新，我们软件行业里总需要一些勇于挑战的人来投入。在字节跳动，不管是我们 Flutter 团队，还是我们服务的很多业务团队，都在积极尝鲜，愿意投入到新技术里——这也确实让我们尝到了甜头，提升了开发效率。”

把 Vue SFC 编译到 X

Vue.js 核心团队成员，自由职业者霍春阳（HcySunYang）给大家带来“把 Vue SFC 编译成 X”主题演讲。

Sparkplug: A non-optimizing JavaScript compiler

「V8 has a new super-fast non-optimising compiler, which improves V8 performance on real-world benchmarks by 5-15%. It’s already available in V8 v9.1 behind the –sparkplug flag, and we’ll be rolling it out in Chrome with the release of M91.」 附：译文。

技术实践

React 性能优化终极指南

从 React 源码入手，结合具体业务，运用三大原则对系统进行外科手术式的优化。同时介绍 React Profiler 这款工具如何帮我们定位性能瓶颈。

如何使用 JS 检测用户是否缩放了页面？

介绍了几个检测用户是否缩放了页面的方法。

离线包设计实践

离线包方案总结。

CSS

使用 CSS prefers-* 规范，提升网站的可访问性与健壮性

「我们的页面需要渐进增强，使用各种新的、花里胡哨的特性，添加各种酷炫的效果。同时，也要考虑一些使用低端机型的用户体验，考虑部分残障人士的使用，或者是尊重用户的个性化配置。基于此，CSS 规范提出了一系列有益的属性，用于适配用户的一些个性化配置，提升页面的可访问性及健壮性。」

做了这个活动，感觉自己成了垂直排版大师

关于竖直排版的实践总结。

25 Years of CSS

「And it all kicked off 25 years ago this month in a conference room in Paris, May 7th, 1996. What a journey it’s been. I wonder now, in the latter half of my life, what CSS — what the web itself — will look like in another 25 years.」

拓展阅读

Node.js 的底层原理

「分享的主题是 Node.js 的底层原理。在大前端的趋势下，Node.js 不仅拓展了前端的技术范围，同时，扮演的角色也越来越重要，深入了解和理解技术的底层原理，才能更好地为业务赋能。」

Why TypeScript？

本文翻译总结自 TypeScript Team 的成员 orta 的个人博客 《Understanding TypeScript’s Popularity》。

Core Web Vitals 与业务影响

「网站性能是一个不断追求的过程，而不是终点。」

关于鲁棒性的思考

「系统鲁棒性的构建绝不是一朝一夕就能搞定的，保持匠心精神、积累经验、不断学习才是其根本。」