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

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

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

來(lái)源: 責(zé)編: 時(shí)間:2024-02-29 14:43:32 174觀看
導(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è)?VcS28資訊網(wǎng)——每日最新資訊28at.com

VcS28資訊網(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)箱即用。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

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

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

2.Arco Design Pro

Arco Design Pro 是基于 Arco Design React 組件庫(kù)的開(kāi)箱即用的中后臺(tái)前端解決方,它的特性如下:VcS28資訊網(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è)面配色、布局等

VcS28資訊網(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 模版。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Github:https://github.com/arco-design/arco-design-proVcS28資訊網(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ù)線的復(fù)雜場(chǎng)景提煉而來(lái),支撐近千計(jì)平臺(tái)產(chǎn)品,服務(wù)內(nèi)外部 10 萬(wàn)+ 用戶(hù)。VcS28資訊網(wǎng)——每日最新資訊28at.com

VcS28資訊網(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ù)。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Github:https://github.com/DouyinFE/semi-designVcS28資訊網(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)。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Github:https://github.com/bytedance/IconParkVcS28資訊網(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í)支持。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

6.bytemd

ByteMD 是一個(gè)使用 Svelte 構(gòu)建的 Markdown 編輯器組件。它還可以用于其他庫(kù)/框架,例如 React、Vue 和 Angular。其具有以下特性:VcS28資訊網(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í)間。

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

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

7.VChart

VChart 是 VisActor 可視化體系中的圖表組件庫(kù),基于可視化語(yǔ)法庫(kù) VGrammar 進(jìn)行圖表邏輯封裝,基于可視化渲染引擎 VRender 進(jìn)行組件封裝。核心能力如下:VcS28資訊網(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)力

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

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

8.VTable

VTable 是 VisActor 可視化體系中的表格組件庫(kù),基于可視化渲染引擎 VRender 進(jìn)行封裝。核心能力如下:VcS28資訊網(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

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

Github:https://github.com/VisActor/VTableVcS28資訊網(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),旨在打造高性能的前端工具鏈。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Rspack 的特點(diǎn)如下:VcS28資訊網(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):不和任何前端框架綁定,保證足夠的靈活性。

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

Github:https://github.com/web-infra-dev/rspackVcS28資訊網(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 倍。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Rsbuild 具備以下特性:VcS28資訊網(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ǔ)法檢查,以避免線上代碼的質(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。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Github:https://github.com/web-infra-dev/rsbuildVcS28資訊網(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è)等。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Rspress 的特性如下:VcS28資訊網(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ì)比情況如下:VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

12.Rsdoctor

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

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

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

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

(2) 多種分析能力:支持構(gòu)建產(chǎn)物、構(gòu)建時(shí)分析能力:VcS28資訊網(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ī)則。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

Github:https://github.com/web-infra-dev/rsdoctorVcS28資訊網(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)功能。VcS28資訊網(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 工具提供支持。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

Oxlint 的特新如下:VcS28資訊網(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 注釋禁用。

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

Github:https://github.com/oxc-project/oxcVcS28資訊網(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)景:VcS28資訊網(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)。VcS28資訊網(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)管理等。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

Modern.js 框架主要包含以下特性:VcS28資訊網(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.jsVcS28資訊網(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)品。VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

(1) 豐富高效的產(chǎn)品特征VcS28資訊網(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ò)展性的核心模塊VcS28資訊網(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)VcS28資訊網(wǎng)——每日最新資訊28at.com

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

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

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

本文鏈接:http://www.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 主站蜘蛛池模板: 普格县| 兴海县| 隆化县| 新邵县| 明溪县| 于田县| 仙居县| 韶关市| 宜兰县| 彭州市| 泰安市| 曲阳县| 习水县| 乳山市| 拉孜县| 京山县| 康定县| 铁岭县| 永登县| 万荣县| 永泰县| 蒙山县| 工布江达县| 茶陵县| 湟中县| 南和县| 成武县| 峡江县| 淮北市| 永新县| 马鞍山市| 固镇县| 神木县| 大庆市| 恭城| 聂荣县| 樟树市| 玛纳斯县| 鱼台县| 大田县| 中江县|