weekly

第 100 期 10/24 ViteConf 2022 Replay

image.png Source: Stack Overflow Developer Surver 2022

技术热闻

ViteConf 2022 replay

ViteConf 2022 回放

大前端

React

The future of rendering in React

https://prateeksurana.me/blog/future-of-rendering-in-react/

In this article, we’ll be looking at React’s current rendering patterns, their problems, and how the new patterns introduced with React 18 aim to fix those problems.

Node.js

Node v19.0.0 (Current)

https://nodejs.org/en/blog/announcements/v19-release-announce/

JS

JavaScript metaprogramming with the 2022-03 decorators API

This blog post is intended for library authors: We’ll learn how decorators work and use our knowledge to implement several of them.

JavaScript from ES6 to ES12 in 2022

CSS

Why We’re Breaking Up with CSS-in-JS

This post will delve into what originally attracted me to CSS-in-JS, and why I (along with the rest of the Spot team) have decided to shift away from it.

Why I never understood CSS-in-JS

本文是对上文的 CSS-in-JS 的问题分析 As a “pure CSS” guy, I had many questions and comments while reading the article, so I had to document them in this blog post. There are probably more reasons why I never understood CSS-in-JS, but these are the main ones.

CLI

谈一谈 build-scripts 架构设计

build-scripts 是集团共建的统一构建脚手架解决方案,其除了提供基础的 start、build 和 test 命令外,还支持灵活的插件机制供开发者扩展构建配置。本文尝试通过场景演进的方式,来由简至繁地讲解一下 build-scripts 的架构演进过程。

性能

异步分片计算在腾讯文档的实践 #腾讯

几个月前对腾讯文档 Smart Sheet 中看板视图的排版计算进行了一次优化,主要是利用异步分片计算来提高当前的 FPS 值,避免用户操作被阻塞。… 解决上述问题有两种思路,一个是用 Web Worker 进行计算,另一个是异步计算,最终我们采用了异步计算。

字节前端监控 SDK 体积与性能优化实践

我们是如何在需求和功能不断迭代的情况下,持续追踪和优化 SDK 的体积和性能的。

测试

智能测试实践之路 - UI遍历技术 #京东

京东也在这方面不断深耕,期望自己的遍历工具实现更全面的页面元素遍历方式,集成丰富的TestbyAI智能断言,且能做到跨多端问题巡检的能力,最终目标是辅助测试人员对页面进行完善的功能兜底测试,前置发现更多问题减少线上事故,有效保障应用质量。

跨端

如何提升互动开发效能 - 一码多端互动开发引擎介绍 #京东

本文会着重介绍如何继承H5端互动开发引擎中的优秀设计,逐步拓展出一码多端的互动开发引擎。

[基于优酷业务特色的跨平台技术 GaiaX 开源解读 #优酷](https://mp.weixin.qq.com/s/2LW4qS2Sk4SV23pAE2xhuw)

GaiaX 跨端模板引擎,是在阿里优酷、淘票票、大麦内广泛使用的 Native 动态化方案,其核心优势是性能、稳定和易用。本系列文章《GaiaX 开源解读》,将带大家看看过去三年GaiaX的发展过程。

微前端

微前端场景下的代码共享 #字节

通常在一个微前端的架构下应用之间又会有许多公共的代码,那么在此基础上又如何更加灵活更加有效的共用这些代码呢?external?MF?

趋势

Islands 架构原理和实践

Islands 架构是今年比较火的一个话题,目前社区一些比较知名的新框架如 Fresh、Astro 都是 Islands 架构的典型代表。本文将给大家介绍 Islands 架构诞生的来龙去脉,分析它相比于 Next.js、Gatsby 等传统方案的优势,并且剖析社区相关框架的实现原理,以及分享笔者在这个方向上的一些实践。

行业

十年文娱:大风起兮

流媒体、电影、剧集、综艺、游戏、短视频。

Microsoft and Meta partner to deliver immersive experiences for the future of work and play

We believe that in the not-so-distant future, the metaverse will play a key role in providing new ways of connecting. Microsoft 365 apps will be available on Meta Quest devices. In the future, Windows 365 will also be available on Meta Quest devices

设计

Web端工具如何设计「保存」

本文将会基于个人经验,从设计表现和技术实现的角度聊聊Web端工具的数据保存。

盒马小镇又一春

在新零售场景下围绕“吃”的消费升级和“懂生活”的营销互动体验设计方法与创新从未停止。通过盒马小镇以及多种线上线下一体化的营销互动方法进行试点,调动品牌IP一起参与,为用户打造的一个体验鲜美生活的互动小天地。

拓展

web.dev learn

web dev 出的一系列 Web 相关教程

科技爱好者周刊(第 227 期):脸书的公司入职教育

Facebook 这家公司,这几年发展得不好,但是这本小册子做得挺好。从头到尾,传递了一种互联网创业的正能量:我们为什么创业,不是为了钱,是为了追求一种理想。这件事很讽刺,因为脸书压根不是一家理想主义公司,差得很远。但是,它偏偏把理想主义表达得很好,读了这本小册子,让你禁不住认同它的理念,从而统一了员工的思想,鼓舞了干劲。 image.png

欢迎加入,一起共建「前端周刊」