weekly

第 95 期 09/12 支付宝新一代动态化技术 & Measured the SSR performance

技术热闻

Node.js creator Ryan Dahl urges Oracle to release JavaScript trademark

Oracle received the JavaScript trademark when it acquired Sun in 2010. In principle that means that only Oracle can allow a language to be called JavaScript. Careful law abiding engineers bend over backwards to avoid its use - leading to confusing terms like ECMAScript.

Apple’s WebKit comes to GitHub

https://webkit.org/blog/13140/webkit-on-github/

On June 23rd, the WebKit project froze its Subversion tree and transitioned management and interaction with our source code to git on GitHub.

[支付宝新一代动态化技术架构与选型综述

Cube 技术解读](https://mp.weixin.qq.com/s/eJeoAdv31imzE3pAk-mM3A)

支付宝新一代动态化技术系列文章

大前端

HTML

Should I Use a Button or a Link?

Use an anchor element when you need to connect two resources
Use a button element when you need enable a user to perform a programmable action, such as submitting a form or opening a dialog.

CSS

Is it :modal?

CSS :modal is available from Chrome 105. This handy pseudo-selector gives you a way to select elements that are “modal”, and to avoid managing classes in JavaScript by providing a way to detect modal elements.

JS

What’s New With Forms in 2022?

Browsers are constantly adding new HTML, JavaScript and CSS features. Here are some useful additions to working with forms that you might have missed…

requestSubmit
submitter
formdata
showPicker

TS

TS 中的增量编译

通常情况下，提升速度最有效的方式：更换更好的设备（氪金玩家比较常用的方式）；优化执行策略（大部分人的选择）。当前比较常见的编译速度优化方案，包括编译缓存和增量编译。TypeScript 在 3.4 版本中引入了增量编译能力，用户需要在配置文件中手动开启该能力。

Preact

Introducing Signals

We built Signals to be a compelling solution that combines optimal performance and developer ergonomics with seamless framework integration.

Storybook

A Practical Overview of Things Your Team Should Consider Before Adopting Storybook

While failing and succeeding in my first two proposals, I realised the importance of business value, that a company does not necessarily care about technical reasons, how to translate technical reasons into practical reasons that a company does care about, and the difficulties of adopting Storybook. To help with this, this article provides an overview of things that your team should consider before adopting Storybook.

PWA

Build a Progressive Web App (PWA) with Next.js

In this article, we’ll look at what refine is and demonstrate how to use it to build a Next.js PWA storefront application.

Markdown

Introducing MarkCodable

There is a whole plethora of use cases where Markdown could be a great storage for some of my data. Markdown supports tables and they are pretty easy to view, parse and edit by hand.

React

ReactPage

ReactPage is a next level content editor for react. It enables webmasters and content editors to create the content they want with the you provide as a developer. WYSIWYG on steroids.

Performance

We measured the SSR performance of 6 JS frameworks - here’s what we found.

It seems like every few months a new, revolutionary framework enters the ecosystem with promises of unseen performance and/or ease of use. Each framework has its use case and its benefits. Moreover, many people use a combination of rendering strategies, e.g. SSG for their homepage, SSR/ISR for their blog pages, and so on. Therefore, choose the framework that best fits your needs.

携程火车票iOS项目开发体验优化实践

iOS工程大多采用CocoaPod进行组件化管理，一些大型的项目需要打包平台来执行组件打bundle包和APP打测试包的任务，在开发方面会采用二进制与源码切换的方式来提高编译速度。但是繁琐重复的操作却影响了开发人员的开发效率。

Web Components

How to Use Web Components with React

Ditching JSX for the new web standard. Using Web Components with React and FastUI

WebXR

进入 WebXR 的世界

面对越来越碎片化的移动端生态，Web标准作为可能是唯一的跨平台工具，在生态中的重要性不言而喻。如果想要学习WebXR，从哪里入手呢？别急，虽然WebXR和WebGPU还都不成熟，但是现有的技术已经可以让我们实现超出你想象的效果了。

微前端

基于 iframe 的微前端框架 —— 擎天

擎天基于全屏 Iframe 与搭建公共组件等方式，解决了 iframe UI 不同步的难题，并充分发挥了 iframe 作为页面容器的优势，实现了父子应用异步加载、子应用瞬间切换的能力，从而达到单应用项目的体验。

应用实践

基于位置变化的城市和县域弹窗式引导切换

引导切换场景中到底有多少场景是冲突的？整个引导过程中又有多少种切换场景呢？这个问题此时很难有人说得具体。针对如此难解问题，作者思考做了一套模型：模型完整地罗列了一张58App中所有基于位置变化后城市与县域互相切换的场景表；更直观的是，此模型直接表达出了所有切换场景间存在的冲突项。

设计

Infinite Scrolling: When to Use It, When to Avoid It

Infinite scrolling minimizes interaction costs and increases user engagement, but it isn’t a good fit for every website. For some, pagination or a Load More button will be a better solution.

天美G1美术总监Sparth：我与《光环》系列的13年设计之旅

我准备谈一谈美术的定位，以及一款长红IP不同续作中，如何保持美术的前后连贯性。今天我跟大家分享这些年工作中一些零零总总的经验。

启发

科技爱好者周刊（第 222 期）：四十年编程感想

https://www.ruanyifeng.com/blog/2022/09/weekly-issue-222.html

作者说，他8岁学编程，今年46岁，再过两年，就是学习编程四十周年了。他写了一大堆自己的感想，都是肺腑之言。

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