3月5日消息，Lynx團(tuán)隊(duì)今日宣布開(kāi)源跨平臺(tái)UI框架Lynx，這是一套幫助Web開(kāi)發(fā)者復(fù)用現(xiàn)有經(jīng)驗(yàn)，通過(guò)一份代碼同時(shí)構(gòu)建移動(dòng)端原生界面與Web端界面的技術(shù)方案。

Lynx專為多樣化、富交互的場(chǎng)景打造，已用于TikTok等應(yīng)用中。官方介紹稱：“它有著高性能、多功能的渲染引擎、性能優(yōu)先的雙線程UI編程范式、以及基于Rust的現(xiàn)代工具鏈等諸多特性。”

具體來(lái)看，Lynx擁抱了開(kāi)發(fā)者熟悉的Web開(kāi)發(fā)范式，使開(kāi)發(fā)者能夠像在Web上一樣繼續(xù)使用標(biāo)記語(yǔ)言和 CSS。Lynx 原生支持了CSS動(dòng)畫(huà)和過(guò)渡、CSS選擇器和變量用于主題化定制，以及漸變、裁剪和遮罩這樣的現(xiàn)代CSS視效能力。

Lynx最具代表性的架構(gòu)決策之一是靜態(tài)強(qiáng)制劃分用戶腳本的運(yùn)行環(huán)境，將用戶腳本拆分跑在了兩個(gè)獨(dú)立的運(yùn)行時(shí)上：

一個(gè)主線程運(yùn)行時(shí)，它由PrimJS這個(gè)專為L(zhǎng)ynx優(yōu)化的JavaScript引擎驅(qū)動(dòng)，有著獨(dú)享的同步 UI 操作權(quán)限，用于處理初始啟動(dòng)和高優(yōu)事件處理等任務(wù)；

另一個(gè)則是后臺(tái)運(yùn)行時(shí)，作為用戶代碼的默認(rèn)執(zhí)行環(huán)境，以確保主線程的低負(fù)載和非阻塞。

這一架構(gòu)帶來(lái)了Lynx的兩大“殺手锏”：

首幀直出（Instant First-Frame Rendering，IFR）：用研表明：如果渲染足夠快（而Lynx正是如此），那么在界面過(guò)渡時(shí)就無(wú)需多余的反饋。Lynx通過(guò)短暫阻塞主線程，確保首幀一次性完整呈現(xiàn)，因?yàn)橛脩舨粫?huì)看到空白，可以給用戶帶來(lái)一種即刻響應(yīng)的感知體驗(yàn)。

主線程腳本（Main Thread Script，MTS）：它是一小段靜態(tài)調(diào)度的代碼，被授予在主線程運(yùn)行的權(quán)力，用于處理高優(yōu)的事件和手勢(shì)行為，非常適合那些要求極致跟手、快速響應(yīng)的場(chǎng)景，以實(shí)現(xiàn)原生交互觸感。

在內(nèi)部實(shí)踐中，Lynx團(tuán)隊(duì)宣稱觀察到許多從Web遷移到Lynx的界面，普遍能縮短2–4 倍的啟動(dòng)時(shí)間。內(nèi)部性能測(cè)試同時(shí)表明，相比同類技術(shù)，“Lynx在iOS上不相上下，在安卓上則持續(xù)領(lǐng)先”。

Lynx最初由字節(jié)跳動(dòng)的工程團(tuán)隊(duì)開(kāi)發(fā)，并將由該團(tuán)隊(duì)繼續(xù)推進(jìn)其演進(jìn)。作為在一系列應(yīng)用中廣泛使用 Lynx 的重要用戶，TikTok認(rèn)可Lynx的創(chuàng)新與潛力，促進(jìn)Lynx的開(kāi)源發(fā)布，在資金、技術(shù)優(yōu)化、社區(qū)推廣和生態(tài)建設(shè)等方面提供支持。

IT之家附開(kāi)源地址如下：

https://lynxjs.org/zh/index.html

【來(lái)源： IT之家 】