日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當(dāng)前位置:首頁(yè) > 科技  > 軟件

字節(jié)跳動(dòng)最熱門(mén)的15個(gè)前端開(kāi)源項(xiàng)目

來(lái)源: 責(zé)編: 時(shí)間:2024-02-29 14:43:32 235觀看
導(dǎo)讀作為國(guó)內(nèi)知名的互聯(lián)網(wǎng)公司,字節(jié)跳動(dòng)在前端領(lǐng)域做出了很多開(kāi)源貢獻(xiàn)。本文就來(lái)盤(pán)點(diǎn)字節(jié)跳動(dòng)開(kāi)源的 15 個(gè)前端項(xiàng)目,你用過(guò)幾個(gè)?1.Arco DsignArco Design 是一套設(shè)計(jì)系統(tǒng),主要服務(wù)于字節(jié)跳動(dòng)旗下中后臺(tái)產(chǎn)品的體驗(yàn)設(shè)計(jì)和技術(shù)實(shí)

作為國(guó)內(nèi)知名的互聯(lián)網(wǎng)公司,字節(jié)跳動(dòng)在前端領(lǐng)域做出了很多開(kāi)源貢獻(xiàn)。本文就來(lái)盤(pán)點(diǎn)字節(jié)跳動(dòng)開(kāi)源的 15 個(gè)前端項(xiàng)目,你用過(guò)幾個(gè)?FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

1.Arco Dsign

Arco Design 是一套設(shè)計(jì)系統(tǒng),主要服務(wù)于字節(jié)跳動(dòng)旗下中后臺(tái)產(chǎn)品的體驗(yàn)設(shè)計(jì)和技術(shù)實(shí)現(xiàn)。它的目標(biāo)在于幫助設(shè)計(jì)師與開(kāi)發(fā)者解放雙手、提升工作效率,并高質(zhì)量地打造符合業(yè)務(wù)規(guī)范的中后臺(tái)應(yīng)用。它擁有系統(tǒng)的設(shè)計(jì)規(guī)范和資源,提供了覆蓋 React、Vue、Mobile 的原子組件。目前,Arco Design 擁有 60 多個(gè)精心制作的組件,支持開(kāi)箱即用。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

除了風(fēng)格配置平臺(tái)和物料平臺(tái)的定制化工具外,Arco Design 還提供了包括圖標(biāo)平臺(tái)、品牌庫(kù)、Arco Pro 最佳實(shí)踐的資源平臺(tái)。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/arco-design/arco-designFXT28資訊網(wǎng)——每日最新資訊28at.com

2.Arco Design Pro

Arco Design Pro 是基于 Arco Design React 組件庫(kù)的開(kāi)箱即用的中后臺(tái)前端解決方,它的特性如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • TypeScript - 代碼完全使用 TypeScript 書(shū)寫(xiě)
  • Arco Design - 由 ArcoDesign React 組件庫(kù)強(qiáng)力驅(qū)動(dòng)
  • Templates - 16+ 頁(yè)面模版,覆蓋表格、列表、表單、工作臺(tái)、可視化等場(chǎng)景。
  • Themes - 基于「風(fēng)格配置平臺(tái)」豐富的主題市場(chǎng),讓你的項(xiàng)目千變?nèi)f化。
  • Dark Theme - 一鍵絲滑切換暗黑風(fēng)格
  • Mock - 內(nèi)置 API 模擬方案
  • Flexible - 靈活的多架構(gòu)方案,支持 next.js / vite / cra 等開(kāi)發(fā)框架
  • I18n - 內(nèi)置國(guó)際化多語(yǔ)言解決方案
  • Config - 靈活配置頁(yè)面配色、布局等

FXT28資訊網(wǎng)——每日最新資訊28at.com

本質(zhì)上,Arco Design Pro 是一套項(xiàng)目模版,市面上常見(jiàn)的中后臺(tái)項(xiàng)目模版一般都有固定的選型和架構(gòu),這樣用戶(hù)如果想自己修改架構(gòu),成本會(huì)比較大。所以 Arco Pro v2 版本設(shè)計(jì)了一套多架構(gòu)方案,能夠在最大化的代碼重用的基礎(chǔ)上,輸出多種架構(gòu)的 pro 模版。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/arco-design/arco-design-proFXT28資訊網(wǎng)——每日最新資訊28at.com

3.Semi Design

Semi Design 是由抖音前端團(tuán)隊(duì),MED 產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)設(shè)計(jì)、開(kāi)發(fā)并維護(hù)的設(shè)計(jì)系統(tǒng)。它作為全面、易用、優(yōu)質(zhì)的現(xiàn)代應(yīng)用 UI 解決方案,從字節(jié)跳動(dòng)各業(yè)務(wù)線(xiàn)的復(fù)雜場(chǎng)景提煉而來(lái),支撐近千計(jì)平臺(tái)產(chǎn)品,服務(wù)內(nèi)外部 10 萬(wàn)+ 用戶(hù)。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Semi Design 采用了一套跨前端框架技術(shù)方案,F(xiàn)/A 分層設(shè)計(jì),將每個(gè)組件的 JavaScript 拆分為兩部分:Foundation 和 Adapter,這使得我們可以通過(guò)僅重新實(shí)現(xiàn)適配器來(lái)跨框架重用 Foundation 代碼,例如 React、Vue、Angular、Svelte 或者 WebComponent,快速打造不同平臺(tái)上的通用組件庫(kù)。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/DouyinFE/semi-designFXT28資訊網(wǎng)——每日最新資訊28at.com

4.IconPark

IconPark 圖標(biāo)庫(kù)是字節(jié)跳動(dòng)開(kāi)源的一個(gè)通過(guò)技術(shù)驅(qū)動(dòng)矢量圖標(biāo)樣式的開(kāi)源圖標(biāo)庫(kù),可以實(shí)現(xiàn)根據(jù)單一SVG源文件變換出多種主題, 具備豐富的分類(lèi)、更輕量的代碼和更靈活的使用場(chǎng)景;致力于構(gòu)建高質(zhì)量、統(tǒng)一化、可定義的圖標(biāo)資源,讓大多數(shù)人都能夠選擇適合自己的風(fēng)格圖標(biāo)。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/bytedance/IconParkFXT28資訊網(wǎng)——每日最新資訊28at.com

5.xgplayer

xgplayer(西瓜播放器)是一款帶解析器、能節(jié)省流量的HTML5視頻播放器。它基于“一切皆組件化”的原則,設(shè)計(jì)了一個(gè)獨(dú)立、可拆卸的 UI 組件。更重要的是,它不僅在 UI 層面靈活,而且在功能上也大膽創(chuàng)新:它擺脫了視頻加載、緩沖和對(duì)視頻格式的依賴(lài)。特別是對(duì)于 mp4,它可以實(shí)現(xiàn)階段性加載,這對(duì)于不支持流媒體的 mp4 來(lái)說(shuō)意義重大。這意味著無(wú)縫切換,清晰度控制,以及視頻保存。此外,它還集成了對(duì) FLV、HLS 和 dash 的按需和實(shí)時(shí)支持。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/bytedance/xgplayerFXT28資訊網(wǎng)——每日最新資訊28at.com

6.bytemd

ByteMD 是一個(gè)使用 Svelte 構(gòu)建的 Markdown 編輯器組件。它還可以用于其他庫(kù)/框架,例如 React、Vue 和 Angular。其具有以下特性:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 輕量級(jí)且與框架無(wú)關(guān):ByteMD 是使用 Svelte 構(gòu)建的。它編譯為普通 JS DOM 操作,無(wú)需導(dǎo)入任何 UI 框架運(yùn)行時(shí)包,這使得它輕量級(jí),并且可以輕松適應(yīng)其他庫(kù)/框架。
  • 易于擴(kuò)展:ByteMD 有一個(gè)插件系統(tǒng)來(lái)擴(kuò)展基本的 Markdown 語(yǔ)法,這使得可以輕松添加附加功能,例如代碼語(yǔ)法突出顯示、數(shù)學(xué)方程和Mermaid流程圖。如果這些插件不能滿(mǎn)足您的需求,您也可以編寫(xiě)自己的插件。
  • 默認(rèn)安全:ByteMD 已正確處理和等跨站腳本 (XSS)攻擊。無(wú)需引入額外的 DOM 清理步驟。
  • SSR 兼容:ByteMD 可以在服務(wù)端渲染(SSR)環(huán)境中使用,無(wú)需額外配置。SSR 在某些情況下被廣泛使用,因?yàn)樗哂懈玫?SEO 和在慢速網(wǎng)絡(luò)連接中快速獲取內(nèi)容的時(shí)間。

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/bytedance/bytemdFXT28資訊網(wǎng)——每日最新資訊28at.com

7.VChart

VChart 是 VisActor 可視化體系中的圖表組件庫(kù),基于可視化語(yǔ)法庫(kù) VGrammar 進(jìn)行圖表邏輯封裝,基于可視化渲染引擎 VRender 進(jìn)行組件封裝。核心能力如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 一碼多端:自動(dòng)適配桌面、H5、多個(gè)小程序環(huán)境
  • 面向敘事:綜合應(yīng)用標(biāo)注、動(dòng)畫(huà)、流程控制、敘事模板等一系列增強(qiáng)功能進(jìn)行敘事可視化創(chuàng)作。
  • 場(chǎng)景沉淀:面向最終用戶(hù)沉淀可視化能力,解放開(kāi)發(fā)者生產(chǎn)力

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/VisActor/VChartFXT28資訊網(wǎng)——每日最新資訊28at.com

8.VTable

VTable 是 VisActor 可視化體系中的表格組件庫(kù),基于可視化渲染引擎 VRender 進(jìn)行封裝。核心能力如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 性能極致:支持百萬(wàn)級(jí)數(shù)據(jù)快速運(yùn)算與渲染
  • 多維分析:多維數(shù)據(jù)自動(dòng)分析與呈現(xiàn)
  • 表現(xiàn)力強(qiáng):提供靈活強(qiáng)大的圖形能力,無(wú)縫融合VChart

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/VisActor/VTableFXT28資訊網(wǎng)——每日最新資訊28at.com

9.Rspack

Rspack 是由字節(jié)跳動(dòng) Web Infra 團(tuán)隊(duì)孵化的基于 Rust 語(yǔ)言開(kāi)發(fā)的 Web 構(gòu)建工具。它擁有高性能、兼容 Webpack 生態(tài)、定制性強(qiáng)等多種優(yōu)點(diǎn),旨在打造高性能的前端工具鏈。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Rspack 的特點(diǎn)如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 啟動(dòng)速度極快:基于 Rust,項(xiàng)目啟動(dòng)速度極快,帶給你極致的開(kāi)發(fā)體驗(yàn)。
  • 閃電般的 HMR:內(nèi)置增量編譯機(jī)制,HMR 速度極快,完全勝任大型項(xiàng)目的開(kāi)發(fā)。
  • 兼容 webpack:針對(duì) webpack 的架構(gòu)和生態(tài)進(jìn)行兼容,無(wú)需從頭搭建生態(tài)。
  • 內(nèi)置常見(jiàn)構(gòu)建能力:對(duì) Typescript、JSX、CSS、CSS Modules、Sass 等提供開(kāi)箱即用的支持。
  • 默認(rèn)生產(chǎn)優(yōu)化:默認(rèn)內(nèi)置多種優(yōu)化策略,如 Tree Shaking、代碼壓縮等等。
  • 框架無(wú)關(guān):不和任何前端框架綁定,保證足夠的靈活性。

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/web-infra-dev/rspackFXT28資訊網(wǎng)——每日最新資訊28at.com

10.Rsbuild

Rsbuild 是基于 Rspack 的 Web 構(gòu)建工具,是一個(gè)增強(qiáng)版的 Rspack CLI,更易用、更開(kāi)箱即用。作為 Rspack 團(tuán)隊(duì)對(duì) Web 構(gòu)建最佳實(shí)踐的探索,Rsbuild 提供從 Webpack 到 Rspack 的順暢遷移方案,大幅減少配置需求,提升構(gòu)建速度達(dá) 10 倍。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Rsbuild 具備以下特性:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 易于配置:Rsbuild 的目標(biāo)之一,是為 Rspack 用戶(hù)提供開(kāi)箱即用的構(gòu)建能力,使開(kāi)發(fā)者能夠在零配置的情況下開(kāi)發(fā) web 項(xiàng)目。同時(shí),Rsbuild 提供一套語(yǔ)義化的構(gòu)建配置,以降低 Rspack 配置的學(xué)習(xí)成本。
  • 性能優(yōu)先:Rsbuild 集成了社區(qū)中基于 Rust 的高性能工具,包括 Rspack 和 SWC,以提供一流的構(gòu)建速度和開(kāi)發(fā)體驗(yàn)。與基于 Webpack 的 Create React App 和 Vue CLI 等工具相比,Rsbuild 提供了 5 ~ 10 倍的構(gòu)建性能,以及更輕量的依賴(lài)體積。
  • 插件生態(tài):Rsbuild 內(nèi)置一個(gè)輕量級(jí)的插件系統(tǒng),提供一系列高質(zhì)量的官方插件。此外,Rsbuild 兼容大部分的 webpack 插件和所有的 Rspack 插件,這意味著你可以在 Rsbuild 中使用社區(qū)或公司內(nèi)沉淀的現(xiàn)有插件,而不需要重寫(xiě)相關(guān)代碼。
  • 產(chǎn)物穩(wěn)定:Rsbuild 設(shè)計(jì)時(shí)充分考慮了構(gòu)建產(chǎn)物的穩(wěn)定性,它的開(kāi)發(fā)環(huán)境產(chǎn)物和生產(chǎn)構(gòu)建產(chǎn)物具備較高的一致性,并自動(dòng)完成語(yǔ)法降級(jí)和 polyfill 注入。Rsbuild 也提供插件來(lái)進(jìn)行類(lèi)型檢查和產(chǎn)物語(yǔ)法檢查,以避免線(xiàn)上代碼的質(zhì)量問(wèn)題和兼容性問(wèn)題。
  • 框架無(wú)關(guān):Rsbuild 不與前端 UI 框架耦合,并通過(guò)插件來(lái)支持 React、Vue 3、Vue 2、Svelte、Solid、Lit 等框架,未來(lái)也計(jì)劃支持社區(qū)中更多的 UI 框架。

Rsbuild 的構(gòu)建性能與原生 Rspack 處于同一水平。由于 Rsbuild 內(nèi)置了更多開(kāi)箱即用的功能,因此性能數(shù)據(jù)會(huì)略微低于 Rspack。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/web-infra-dev/rsbuildFXT28資訊網(wǎng)——每日最新資訊28at.com

11.Rspress

Rspress 是基于 Rspack 的靜態(tài)站點(diǎn)生成器,依托React框架進(jìn)行高效渲染。內(nèi)置便捷的文檔主題,助力迅速搭建專(zhuān)業(yè)文檔站點(diǎn)。同時(shí),支持個(gè)性化主題定制,滿(mǎn)足多樣化的靜態(tài)站需求,如博客站、產(chǎn)品主頁(yè)等。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Rspress 的特性如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 極高的編譯性能:核心編譯模塊基于 Rust 前端工具鏈完成,帶來(lái)更加極致的開(kāi)發(fā)體驗(yàn)。
  • 支持 MDX 編寫(xiě)內(nèi)容:MDX 是一種強(qiáng)大的內(nèi)容編寫(xiě)方式,你可以在 Markdown 中使用 React 組件。
  • 內(nèi)置全文搜索:構(gòu)建時(shí)自動(dòng)為你生成全文搜索索引,提供開(kāi)箱即用的全文搜索能力。
  • 更簡(jiǎn)單的 I18n 方案:通過(guò)內(nèi)置的 I18n 方案,可以輕松的為文檔或者組件提供多語(yǔ)言支持。
  • 靜態(tài)站點(diǎn)生成:生產(chǎn)環(huán)境下,會(huì)自動(dòng)構(gòu)建為靜態(tài) HTML 文件,你可以輕松的部署到任何地方。
  • 提供多種自定義能力:通過(guò)其擴(kuò)展機(jī)制,你可以輕松的擴(kuò)展主題 UI 和構(gòu)

以 Rspress 官網(wǎng)文檔的內(nèi)容為例,Rspress、Docusaurus 和 Nextra 三者的性能對(duì)比情況如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/web-infra-dev/rspressFXT28資訊網(wǎng)——每日最新資訊28at.com

12.Rsdoctor

Rsdoctor 是一個(gè)全面診斷和分析 Webpack 和 Rspack 構(gòu)建過(guò)程與產(chǎn)物的工具,提供編譯耗時(shí)細(xì)節(jié)和行為展示,以及防止代碼劣化的 Bundle Diff 功能。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Rsdoctor 的特性如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

(1) 編譯可視化:Rsdoctor 將編譯行為及耗時(shí)進(jìn)行可視化展示,方便開(kāi)發(fā)同學(xué)查看構(gòu)建問(wèn)題。FXT28資訊網(wǎng)——每日最新資訊28at.com

(2) 多種分析能力:支持構(gòu)建產(chǎn)物、構(gòu)建時(shí)分析能力:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 構(gòu)建產(chǎn)物支持資源列表及模塊依賴(lài)等。
  • 構(gòu)建時(shí)分析支持 Loader、Plugin、Resolver 構(gòu)建過(guò)程分析。
  • 支持 Rspack 的 builtin:swc-loader 分析。
  • 構(gòu)建規(guī)則支持重復(fù)包檢測(cè)及 ES Version Check 檢查等。

(3) 支持自定義規(guī)則:除了內(nèi)置構(gòu)建掃描規(guī)則外,還支持用戶(hù)根據(jù) Rsdoctor 的構(gòu)建數(shù)據(jù)添加自定義構(gòu)建掃描規(guī)則。FXT28資訊網(wǎng)——每日最新資訊28at.com

(4) 框架無(wú)關(guān):支持所有基于 Webpack 或 Rspack 構(gòu)建的項(xiàng)目。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/web-infra-dev/rsdoctorFXT28資訊網(wǎng)——每日最新資訊28at.com

13.Oxlint

Oxlint 是 OXC 工具集的其中一個(gè)工具,用于捕獲錯(cuò)誤或無(wú)用的代碼,作用和 ESLint 類(lèi)似。現(xiàn)階段,oxlint 無(wú)意完全取代 ESLint;當(dāng) ESLint 的緩慢成為工作流程中的瓶頸時(shí),它可以作為增強(qiáng)功能。FXT28資訊網(wǎng)——每日最新資訊28at.com

OXC 是字節(jié)跳動(dòng)出品的一個(gè)用 Rust 編寫(xiě)的 JavaScript 高性能工具集合,該項(xiàng)目的重點(diǎn)在于構(gòu)建 JavaScript 的基本編譯器工具:解析器、linter、格式化程序、轉(zhuǎn)譯器、壓縮器和解析器。此外,OXC 還為 Rspack、Rolldown 和 Ezno 等新興 JavaScript 工具提供支持。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Oxlint 的特新如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 比 ESLint 快 50 - 100 倍,并隨 CPU 核心數(shù)量不斷擴(kuò)展。
  • 超過(guò) 200 條規(guī)則,且正在不斷增加,來(lái)自 eslint、typescript、eslint-plugin-react、eslint-plugin-jest、eslint-plugin-unicorn 和 eslint-plugin-jsx-a11y。
  • 支持.eslintignore。
  • 支持ESLint 注釋禁用。

FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/oxc-project/oxcFXT28資訊網(wǎng)——每日最新資訊28at.com

14.Mordern.js

Modern.js 是字節(jié)跳動(dòng) Web 工程體系的開(kāi)源版本,它提供多個(gè)解決方案,來(lái)幫助開(kāi)發(fā)者解決不同研發(fā)場(chǎng)景下的問(wèn)題。目前 Modern.js 包含兩個(gè)解決方案,分別面向 Web 應(yīng)用開(kāi)發(fā)場(chǎng)景 和 npm 包開(kāi)發(fā)場(chǎng)景:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • Modern.js Framework:基于 React 的漸進(jìn)式 Web 開(kāi)發(fā)框架
  • Modern.js Module:易用、高性能的 npm 包開(kāi)發(fā)方案

Modern.js 框架是一個(gè)基于 React 的漸進(jìn)式 Web 開(kāi)發(fā)框架。在字節(jié)跳動(dòng)內(nèi)部,將 Modern.js 封裝為上層框架,并支撐了數(shù)千個(gè) Web 應(yīng)用的研發(fā)。Modern.js 能為開(kāi)發(fā)者提供極致的開(kāi)發(fā)體驗(yàn),讓?xiě)?yīng)用擁有更好的用戶(hù)體驗(yàn)。FXT28資訊網(wǎng)——每日最新資訊28at.com

在開(kāi)發(fā) React 應(yīng)用過(guò)程中,開(kāi)發(fā)者通常需要去為某些功能去設(shè)計(jì)實(shí)現(xiàn)方案,或是使用其他的庫(kù)、框架來(lái)解決這些問(wèn)題。Modern.js 支持 React 應(yīng)用所需要的所有配置和工具,并內(nèi)置額外的功能和優(yōu)化。開(kāi)發(fā)者可以使用 React 構(gòu)建應(yīng)用的 UI,然后逐步采用 Modern.js 的功能來(lái)解決常見(jiàn)的應(yīng)用需求,如路由、數(shù)據(jù)獲取、狀態(tài)管理等。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Modern.js 框架主要包含以下特性:FXT28資訊網(wǎng)——每日最新資訊28at.com

  • Rust 構(gòu)建:提供雙構(gòu)建工具支持,輕松切換到 Rspack 構(gòu)建工具,編譯飛快。
  • 漸進(jìn)式:使用最精簡(jiǎn)的模板創(chuàng)建項(xiàng)目,通過(guò)生成器逐步開(kāi)啟插件功能,定制解決方案。
  • 一體化:開(kāi)發(fā)與生產(chǎn)環(huán)境 Web Server 唯一,CSR 和 SSR 同構(gòu)開(kāi)發(fā),函數(shù)即接口的 API 服務(wù)調(diào)用。
  • 開(kāi)箱即用:默認(rèn) TS 支持,內(nèi)置構(gòu)建、ESLint、調(diào)試工具,全功能可測(cè)試。
  • 周邊生態(tài):自研狀態(tài)管理、微前端、模塊打包、Monorepo 方案等周邊需求。
  • 多種路由模式:包含自控路由、基于文件約定的路由(嵌套路由)等。

Github:https://github.com/web-infra-dev/modern.jsFXT28資訊網(wǎng)——每日最新資訊28at.com

15.Garfish

Garfish 是一套微前端解決方案,主要用于解決現(xiàn)代 web 應(yīng)用在前端生態(tài)繁榮和 web 應(yīng)用日益復(fù)雜化兩大背景下帶來(lái)的跨團(tuán)隊(duì)協(xié)作、技術(shù)體系多樣化、web 應(yīng)用日益復(fù)雜化等問(wèn)題:從架構(gòu)層面出發(fā)將多個(gè)獨(dú)立交付的前端應(yīng)用組成整體,這些前端應(yīng)用能夠「獨(dú)立開(kāi)發(fā)」、「獨(dú)立測(cè)試」、「獨(dú)立部署」,但是最終在用戶(hù)看來(lái)仍然是內(nèi)聚的單個(gè)產(chǎn)品。FXT28資訊網(wǎng)——每日最新資訊28at.com

FXT28資訊網(wǎng)——每日最新資訊28at.com

Garfish 的特性如下:FXT28資訊網(wǎng)——每日最新資訊28at.com

(1) 豐富高效的產(chǎn)品特征FXT28資訊網(wǎng)——每日最新資訊28at.com

  • Garfish 微前端子應(yīng)用支持任意多種框架、技術(shù)體系接入
  • Garfish 微前端子應(yīng)用支持「獨(dú)立開(kāi)發(fā)」、「獨(dú)立測(cè)試」、「獨(dú)立部署」
  • 強(qiáng)大的預(yù)加載能力,自動(dòng)記錄用戶(hù)應(yīng)用加載習(xí)慣增加加載權(quán)重,應(yīng)用切換時(shí)間極大縮短
  • 支持依賴(lài)共享,極大程度的降低整體的包體積,減少依賴(lài)的重復(fù)加載
  • 支持?jǐn)?shù)據(jù)收集,有效的感知到應(yīng)用在運(yùn)行期間的狀態(tài)
  • 支持多實(shí)例能力,可在頁(yè)面中同時(shí)運(yùn)行多個(gè)子應(yīng)用提升了業(yè)務(wù)的拆分力度
  • 提供了高效可用的調(diào)試工具,協(xié)助用戶(hù)在微前端模式下帶來(lái)的與傳統(tǒng)研發(fā)模式不同帶來(lái)的開(kāi)發(fā)體驗(yàn)問(wèn)題

(2) 高擴(kuò)展性的核心模塊FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 通過(guò) Loader 核心模塊支持 HTML entry、JS entry 的支持,接入微前端應(yīng)用簡(jiǎn)單易用
  • Router 模塊提供了路由驅(qū)動(dòng)、主子路由隔離,用戶(hù)僅需要配置路由表應(yīng)用即可完成自主的渲染和銷(xiāo)毀,用戶(hù)無(wú)需關(guān)心內(nèi)部邏輯
  • Sandbox 模塊為應(yīng)用的 Runtime 提供運(yùn)行時(shí)隔離能力,能有效隔離 JS、Style 對(duì)應(yīng)用的副作用影響
  • Store 提供了一套簡(jiǎn)單的通信數(shù)據(jù)交換機(jī)制

(3) 高度可擴(kuò)展的插件系統(tǒng)FXT28資訊網(wǎng)——每日最新資訊28at.com

  • 提供業(yè)務(wù)插件滿(mǎn)足業(yè)務(wù)方的各種定制需求

圖片FXT28資訊網(wǎng)——每日最新資訊28at.com

Github:https://github.com/web-infra-dev/garfishFXT28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-75353-0.html字節(jié)跳動(dòng)最熱門(mén)的15個(gè)前端開(kāi)源項(xiàng)目

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。郵件:2376512515@qq.com

上一篇: C語(yǔ)言中一種cJSON與結(jié)構(gòu)體互轉(zhuǎn)的方法

下一篇: 2024年Node.js精選:十款工具庫(kù)集錦,項(xiàng)目開(kāi)發(fā)輕松上手

標(biāo)簽:
  • 熱門(mén)焦點(diǎn)
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
免费一级欧美片在线观看| 亚洲一区二区久久| 精品成人在线观看| 亚洲大片免费看| 亚洲精品乱码久久久久久日本蜜臀 | 欧美大片免费| 美女诱惑一区| 欧美日韩精品免费在线观看视频| 国产精品成人免费视频 | 亚洲日本成人女熟在线观看| 亚洲精品一区中文| 一本久久综合| 久久av一区二区三区| 欧美成ee人免费视频| 欧美午夜免费| 国精品一区二区| 亚洲人成人99网站| 亚洲一区二区成人| 久久久久久九九九九| 欧美日韩第一区日日骚| 国产亚洲精品久久久| 91久久在线观看| 性欧美18~19sex高清播放| 蜜桃av综合| 国产精品视区| 亚洲精品影视在线观看| 欧美与黑人午夜性猛交久久久| 麻豆精品一区二区av白丝在线| 欧美日韩一区二区在线| 国产一区二区三区奇米久涩| 亚洲精品在线三区| 欧美中文字幕在线播放| 欧美日本一区二区视频在线观看| 国产精品一区二区三区观看| 91久久久久| 久久国产精品久久精品国产| 欧美日韩情趣电影| 一区二区在线视频播放| 亚洲尤物在线| 欧美剧在线观看| 黄色一区二区三区| 亚洲欧美日韩国产精品| 欧美国产日韩二区| 国外成人免费视频| 亚洲欧美日韩精品一区二区| 欧美精品久久一区| 精品成人久久| 久久精品123| 国产精品伦理| 一本色道**综合亚洲精品蜜桃冫| 蜜臀va亚洲va欧美va天堂| 国产欧美精品在线观看| 在线一区观看| 欧美久久精品午夜青青大伊人| 好吊视频一区二区三区四区| 亚洲欧美电影在线观看| 欧美人牲a欧美精品| 亚洲国产日韩在线| 久久久精品网| 国产日本精品| 亚洲免费网址| 欧美天堂亚洲电影院在线观看| 亚洲激情在线观看视频免费| 久久久久久有精品国产| 欧美一区二区三区四区在线| 欧美特黄一级| 99热免费精品| 欧美日韩免费视频| 亚洲精品在线三区| 欧美成人国产一区二区 | 日韩五码在线| 久久久久青草大香线综合精品| 国产精品白丝黑袜喷水久久久| 亚洲精品日韩激情在线电影| 美日韩精品视频免费看| 在线播放日韩欧美| 久久久国产精品一区二区中文| 国产免费成人在线视频| 亚洲欧美日韩国产| 国产精品乱人伦中文| 亚洲视频播放| 国产精品黄色在线观看| 亚洲性xxxx| 国产精品激情| 亚洲综合国产| 国产欧美日韩一区二区三区在线 | 欧美日韩一二三四五区| 一本色道久久综合精品竹菊| 欧美日本高清| aa级大片欧美三级| 欧美三级免费| 在线视频欧美日韩精品| 欧美午夜激情在线| 亚洲在线免费| 国产美女精品视频免费观看| 欧美一区二区三区婷婷月色| 国产日韩欧美中文| 久久成人精品无人区| 国产一区二区三区久久久| 久久久久国产一区二区| 黑人巨大精品欧美一区二区| 美女任你摸久久| 亚洲国产精品一区二区久| 欧美肥婆在线| 99综合视频| 国产精品剧情在线亚洲| 欧美一区二区在线| 在线日韩成人| 欧美久久婷婷综合色| 亚洲小视频在线| 国产日韩欧美一区二区三区在线观看 | 午夜精品久久99蜜桃的功能介绍| 国产精品一区二区久久久| 亚洲欧美在线免费| 国产婷婷精品| 老司机aⅴ在线精品导航| 亚洲精品欧美在线| 国产精品国产三级国产普通话蜜臀 | 欧美伊人久久久久久久久影院| 国内精品国语自产拍在线观看| 裸体一区二区| 亚洲最新色图| 国产欧美一区二区三区沐欲| 狂野欧美性猛交xxxx巴西| 日韩视频一区二区三区| 国产精品视频久久久| 久久人91精品久久久久久不卡 | 国产精品久久久久免费a∨| 中日韩高清电影网| 国产精品美女| 久久综合一区二区三区| 日韩特黄影片| 国产一区二区日韩精品| 欧美国产亚洲精品久久久8v| 亚洲免费一级电影| 亚洲国产色一区| 国产精品区一区| 免费欧美电影| 亚洲欧美视频一区| 亚洲黑丝一区二区| 国产精品国产三级国产专播精品人| 久久狠狠久久综合桃花| 9久草视频在线视频精品| 国内精品模特av私拍在线观看| 欧美精品日韩综合在线| 欧美影院在线| 亚洲精品在线一区二区| 国内成人在线| 国产精品av免费在线观看| 美女91精品| 午夜亚洲性色视频| 一区二区激情| 亚洲春色另类小说| 国产精品稀缺呦系列在线| 欧美国产三级| 久久精品道一区二区三区| 一区二区三区欧美在线| 亚洲国产你懂的| 国产视频久久久久| 欧美日韩一区二区在线播放| 母乳一区在线观看| 久久成人av少妇免费| 一区二区三区www| 亚洲福利视频网| 国产日韩亚洲| 国产精品成人久久久久| 欧美另类综合| 麻豆精品视频在线观看视频| 欧美一区二区观看视频| 日韩午夜av在线| 亚洲第一毛片| 国产一区二区三区久久久久久久久 | 国产欧美另类| 欧美日韩精品免费观看视一区二区 | 一本色道久久综合| 精品动漫3d一区二区三区| 国产精品视频免费观看www| 欧美日韩高清免费| 欧美高清日韩| 美女国产一区| 久久久综合激的五月天| 欧美在线影院在线视频| 亚洲欧美国产高清| 一区二区高清在线| 日韩一级在线观看| 亚洲区在线播放| 在线观看日韩一区| 国产自产女人91一区在线观看| 国产麻豆午夜三级精品| 欧美特黄一级| 欧美日韩一区三区四区| 欧美激情在线观看| 欧美高清在线精品一区| 一区视频在线看| 国产欧美一区二区精品性色| 国产精品网站一区| 国产精品jvid在线观看蜜臀 | 午夜欧美不卡精品aaaaa| 亚洲精品乱码久久久久久久久| 在线视频观看日韩| 黄色日韩在线| 亚洲二区视频在线| 伊人男人综合视频网| 在线电影国产精品|