Vue 是一個用于構(gòu)建用戶界面的框架。 值得注意的是，它獲得如此大的人氣，離不開微軟和微軟的支持。

Vue 是 React 和 Vue 結(jié)合的最佳方式，并且擁有一個有凝聚力且活躍的小社區(qū)，可以處理開發(fā)問題。 同一個社區(qū)還可以不斷想出新的方法來解決常見問題。 隨著貢獻(xiàn)量的減少，可用數(shù)據(jù)和存儲庫的數(shù)量急劇下降。

使用 Vue 的好處

框架很小。 該幀的大小為18-21KB；

Vue 支持基于組件的方法來構(gòu)建 Web 應(yīng)用程序；

文檔很詳盡。 開發(fā)人員總是更喜歡使用具有完整文檔的框架，因為他們總是很容易編寫第一個應(yīng)用程序；

容易明白。 由于Vue.js結(jié)構(gòu)簡單，用戶可以輕松地將其添加到Web項目中。 它有一個定義明確的架構(gòu)來保存您的數(shù)據(jù)。 生命周期方法和定制方法分離；

集成很簡單。 您可以簡單地通過 CDN 添加 Vue.js – 無需設(shè)置 Node 和 npm 即可開始使用 Vue.js。 您還可以使用它作為一個很好的替代品；

工具構(gòu)建。 Vue.js 有它。 允許你開始一個新項目，包括路由、狀態(tài)存儲、單元測試、CSS預(yù)處理器、PWA等——它們都是外部的。 據(jù)悉，還提供了管理項目的UI。

使用 Vue 的項目

如果你想創(chuàng)建輕量級且易于修補的應(yīng)用程序，那么 Vue.js 是一個不錯的選擇。

學(xué)習(xí)曲線相當(dāng)?shù)?，可以在短時間內(nèi)掌握該框架，然后再進(jìn)行應(yīng)用程序開發(fā)。 我們建議在以下情況下使用 Vue：

如果您想構(gòu)建單頁應(yīng)用程序或漸進(jìn)式應(yīng)用程序（您可以使用 nuxt.js 框架）；

你想讓你的團隊學(xué)習(xí)新技術(shù)，Vue是一個不錯的選擇；

快速打造MVP；

您想要構(gòu)建一個 SEO 友好的應(yīng)用程序；

您的預(yù)算很緊張，并且想要快速測試看法。

Vue 的受歡迎程度

說到 Vue.js 的受歡迎程度，#vue.js 中有超過 57,000 個問題和大約 15,000 個 npm 包。 與其他框架相比，Vue.js 一直排名第三，但它仍然擁有特別好的社區(qū)和支持。

開源項目的評估標(biāo)準(zhǔn)

文檔。 任何好的項目都應(yīng)該有全面的文檔；

如何很好地描述提交規(guī)則。 如果開源項目要減少貢獻(xiàn)者的數(shù)量，這一點至關(guān)重要；

帶著問題來組織工作真是太好了。 解決問題應(yīng)該有條理，讓操作人員知道首先要解決哪些問題；

該項目有路線圖嗎？ 該路線圖幫助貢獻(xiàn)者選擇他們將首先開發(fā)哪些功能；

上的星星數(shù)量。 該標(biāo)準(zhǔn)在一定程度上反映了工程的質(zhì)量；

到期。 分析項目開發(fā)并嘗試決定應(yīng)該使用哪些工具來實現(xiàn)結(jié)果，需要謹(jǐn)慎選擇尚未成熟或完全掌握的工具；

錯誤或漏洞。 如果您需要幫助，可能有一個不小的知識庫或社區(qū)。

在我們的選擇中，我們根據(jù)項目的功能目的來定義項目：

· CMS和發(fā)生器；

用戶界面組件；

·應(yīng)用;

·工具包;

· 開發(fā)者工具。

Vue開源項目

我們列出了您應(yīng)該了解、最終使用并為 Vue.js 項目做出貢獻(xiàn)的最重要的工具和庫。 與許多其他僅列出 UI 組件庫的文章不同，我們在 Vue 生態(tài)系統(tǒng)中包含其他庫和插件。

我們根據(jù)它們的實用性、有效性、文檔、想法和貢獻(xiàn)手冊來選擇它們。

頁面套件

是一個在 Vue.js 和框架的幫助下完善的開源 CMS。 CMS是模塊化的，因此您可以逐步擴展功能。 在 MIT 許可證下發(fā)布，因此可以不受任何限制地自由更改、共享和重新發(fā)布。

該產(chǎn)品具有 CMS 的所有主要和中級功能：

· 可定制的分析儀表板和網(wǎng)站性能；

· 網(wǎng)站內(nèi)容編輯頁面；

· 內(nèi)置博客；

· HTML 和編輯器；

· 文件管理器;

· 用戶角色管理。

還有一些對開發(fā)人員非常有用的東西和功能。 該產(chǎn)品以簡單的 ORM、模塊化架構(gòu)和包管理而完善。 還有一個外部調(diào)試工具欄，可以幫助開發(fā)人員監(jiān)控性能、路由、數(shù)據(jù)庫查詢和調(diào)試內(nèi)部系統(tǒng)干擾intellij idea產(chǎn)品學(xué)習(xí)手冊，擴展甚至可以添加自己的功能。 或者，使用 CLI 執(zhí)行系統(tǒng)更新、安裝和卸載擴展和主題intellij idea產(chǎn)品學(xué)習(xí)手冊，以及直接從終端清除緩存。

該產(chǎn)品有一個強大的貢獻(xiàn)手冊，團隊歡迎人們修復(fù)錯誤、翻譯或擴展 CMS 的功能。 社區(qū)不是很大，但是很發(fā)達(dá)，也很熱心幫助新人。

因此，這是一個非常強大的產(chǎn)品，具有非常全面的文檔和透明的貢獻(xiàn)手冊。 開啟您進(jìn)入開源世界的絕佳選擇。

是一個基于Vue的靜態(tài)站點生成器，由Vue.js的作者創(chuàng)建。 在幫助下，可以使用 、Vue 和 . 最初，該產(chǎn)品是作為編寫技術(shù)文檔的工具而創(chuàng)建的，但如今它是一個大型、緊湊且功能強大的 CMS。 您可以在其中編寫內(nèi)容，然后將其轉(zhuǎn)換為預(yù)渲染的靜態(tài) HTML 文件。

該項目有一個組織良好的捐贈手冊和透明的工作流程。 它還具有非常好的問題管理功能。 該社區(qū)有 300 多名活躍貢獻(xiàn)者可以為您提供支持。 這是開始為開源項目做出貢獻(xiàn)的好地方。

03Vue商店

是一個面向電子商務(wù)的 PWA，可以連接到幾乎任何電子商務(wù)前端：它使用 。 這包括 、 、 等流行平臺。 .com 的一些優(yōu)點包括連接優(yōu)先的方法、服務(wù)器端渲染（有利于 SEO）和離線模式。

該產(chǎn)品擁有完善的社區(qū)：Slack 約有 2000 名開發(fā)者和 180 多名活躍貢獻(xiàn)者。 這非常有價值，因為團隊有清晰的路線圖，因此您作為貢獻(xiàn)者可以選擇可以執(zhí)行哪些任務(wù)。 事實上，這是一個非常有趣的產(chǎn)品，需要支持和花時間。

Vuegg 允許您將組件直接拖放到可視化編輯器中，并根據(jù)您選擇的大小連接它們以創(chuàng)建 Vue.js 項目。 該項目的目的是將設(shè)計和原型制作合并到一個流程中。

顯著特點：

通過拖動和連接/調(diào)整組件大小來模擬/恢復(fù)組件；

· 支持標(biāo)準(zhǔn)鍵盤和鼠標(biāo)組合；

響應(yīng)式預(yù)覽（手機、平板筆記本、網(wǎng)頁）；

一組基本的 HTML5 元素；

材料設(shè)計組件（vue-mdc-）；

· Vuejs 源代碼生成 (.zip)。

該項目有清晰的路線圖，您可以直接在 上查看。 由于該項目相當(dāng)新并且仍在進(jìn)行中，因此沒有貢獻(xiàn)手冊，但您可以自由地提出任何問題和 PR。

與 存在許多相似之處，但它采用不同且特別強大的方式來處理數(shù)據(jù)源。 它允許您在應(yīng)用程序中加入和使用許多不同類型的數(shù)據(jù)，然后將這些數(shù)據(jù)統(tǒng)一到單個層中。 基本上，Vue 用于后端功能和數(shù)據(jù)管理。

工作方法可概括為以下三步：

您以 JSON、YAML 或 CVS 數(shù)據(jù)格式提供內(nèi)容，或從 CMS 或其他 CMS 導(dǎo)出內(nèi)容；

內(nèi)容轉(zhuǎn)化為提供集中數(shù)據(jù)管理的層；

然后使用這些數(shù)據(jù)通過 Vue 構(gòu)建您的應(yīng)用程序。

在開發(fā)方面，文檔有清晰的路線圖、描述良好的變更日志和貢獻(xiàn)手冊。 提交是一個不錯的選擇。

06UI組件

根據(jù)規(guī)格提供大量精心制作的組件（80+）。 結(jié)合了 Vue.js 和 Vue.js 的所有優(yōu)點。 該框架與RTL和-3兼容。 的所有組件都有詳細(xì)記錄并有清晰的示例。 它與 Vue 的服務(wù)器端渲染 (SSR) 配合使用。 支持所有現(xiàn)代網(wǎng)絡(luò)瀏覽器 - 甚至 IE11 和 +（使用多重填充）。 它還提供現(xiàn)成的項目腳手架，以便您可以使用單個命令開始構(gòu)建 Vue.js 應(yīng)用程序。

它提供了一組基于材料設(shè)計的組件，例如：

· 按鈕;

· 輸入;

·卡片;

·表面，

· 清單。

它背后有一個充滿活力的社區(qū)，擁有 500 多名貢獻(xiàn)者，他們創(chuàng)建了許多插件。 它具有成為一個優(yōu)秀開源軟件的所有主要組成部分：廣泛的文檔、貢獻(xiàn)手冊、問題管理。 但在我們看來，貢獻(xiàn)很難，因為社區(qū)已經(jīng)很大了。

Buefy 為基于 Bulma 的 Vue.js 提供輕量級 UI 組件。 Buefy 有兩個核心原則：保持簡單和輕量級。 這也解釋了為什么它唯一的依賴項是 Vue 和 Bulma。 事實上，它只有 40 多個組件，但它為您提供了即用型聯(lián)通優(yōu)先且響應(yīng)式的 UI 組件。

特征：

· 支持圖標(biāo)和；

· 非常輕量級，不僅沒有除 Vue & Bulma 之外的內(nèi)部依賴；

·約+gzip；

? 語義代碼輸出。

簡單、輕便且符合規(guī)格。 VUE 提供了超過 56 個組件來構(gòu)建不同類型的布局。 一件很棒的事情是材料設(shè)計框架有非常詳盡的文檔。 該框架特別輕量級，包含完整的組件，并且完全符合準(zhǔn)則。 這些設(shè)計適合每個屏幕并支持每個現(xiàn)代瀏覽器。

路線圖、貢獻(xiàn)手冊、良好的文檔和變更日志都在這里。 對于喜歡UI項目的開發(fā)者來說是一個不錯的選擇。

09申請

科爾

Koel 是一項個人音樂流媒體服務(wù)，您可以根據(jù)自己的需求進(jìn)行定制。 客戶端用Vue編譯，前端用Vue編譯。 Koel 針對的是 Web 開發(fā)人員，采用了一些更現(xiàn)代的 Web 技術(shù)，例如音頻、拖放 API 等。

該項目在 上非常受歡迎，有 52 名貢獻(xiàn)者。 不幸的是，沒有詳盡的貢獻(xiàn)手冊，但作者寫道，您需要先打開一個問題，然后才能提交任何內(nèi)容。 還有一種選擇是贊助該項目。

我們喜歡這個項目背后的想法，即制作一個由社區(qū)開發(fā)的流媒體服務(wù)。 因此，如果你熱愛音樂并且想提高你的 Vue 技能， 將是一個不錯的選擇。

.js

Eagle.js是一個使用Vue構(gòu)建的強大、靈活、獨特的魔法kt板顯示系統(tǒng)。 它允許您在演示文稿中創(chuàng)建可輕松重用的組件、模板和樣式。 它還支持動畫、主題和交互式小部件，這對于網(wǎng)頁演示非常有用。

您可以使用此庫做的最重要的事情之一是將幻像放入單獨的文件中，然后在其他幻像顯示中重復(fù)使用它。 您還可以將特定體模顯示的體模導(dǎo)出到另一個體模。 創(chuàng)建者還提供了幾個模板可以輕松開始開發(fā)。

該項目有一本貢獻(xiàn)手冊，其中包含您可以提供幫助的想法。 我們覺得這是一個值得花時間的好項目：它確實幫助了很多人進(jìn)行演示。 據(jù)悉，在Eagle的幫助下，開始學(xué)習(xí)Vue是很容易的。

11 工具包

Nuxt.js

Nuxt 是一個簡單明了的框架，用于構(gòu)建通用應(yīng)用程序：服務(wù)器渲染應(yīng)用程序、單頁應(yīng)用程序、漸進(jìn)式 Web 應(yīng)用程序，或者僅將其用作靜態(tài)站點生成器。 它也是模塊化的，因此您可以僅使用您的頁面需要的模塊 簡而言之，Nuxt 使您免于構(gòu)建和優(yōu)化頁面的工作 Nuxt.js 具有模塊化架構(gòu)，有 50 多個模塊可供選擇。

特征：

熱代碼重載；

· 服務(wù)端渲染或單頁應(yīng)用或靜態(tài)生成，任您選擇；

可使用 nuxt..js 文件進(jìn)行配置；

· 每頁的代碼分割；

使用 / 目錄自定義布局；

· 僅加載關(guān)鍵 CSS（頁面級別）。

Nuxt 已經(jīng)成為 Vue 開發(fā)不可或缺的一部分，擁有許多貢獻(xiàn)者和廣泛的社區(qū)。 我們會選擇為這個工具做出貢獻(xiàn)，因為我們知道社區(qū)將幫助您發(fā)展技能并教給您新的東西。

它是一個通用的、Vue 支持的框架，允許您使用相同的代碼庫來編譯不同平臺的應(yīng)用程序：SPA、PWA、SSR 應(yīng)用程序、混合聯(lián)通應(yīng)用程序或多平臺桌面應(yīng)用程序。 類星有多達(dá)81個成分。

有很好的文檔和許多專為性能和響應(yīng)能力而設(shè)計的組件。 默認(rèn)情況下集成了最佳實踐（HTML/CSS/JS 縮小、緩存清除、樹搖動、源映射、延遲加載的代碼分割、ES6 轉(zhuǎn)譯、代碼鏈接、可訪問性），因此您可以主要關(guān)注應(yīng)用程序的功能。 它還提供了一個 cli 工具，可以輕松為新項目構(gòu)建腳手架。

該框架有一個很棒的社區(qū)，支持聊天和峰會，還有一本著名的貢獻(xiàn)手冊。 您可以通過捐贈來支持該工具。

Vue 是一個基于 庫的 UI 工具包。 它只是用 Vue 代碼替換常規(guī)引導(dǎo)組件。 借助 ，您可以使用 Vue.js 和世界上最流行的后端 CSS 庫在 Web 上構(gòu)建響應(yīng)式、移動優(yōu)先且可通過 ARIA 訪問的項目。 它還可以輕松地與 Nuxt.js 集成。

文檔非常廣泛，加上 上的社區(qū)支持也很強大，這使得它成為人們啟動項目并做出貢獻(xiàn)的安全選擇。

14 種開發(fā)工具

是一個完全開源的狀態(tài)頁面系統(tǒng)。 站點是構(gòu)建在 、Vue、Nuxt.js 和

這很酷，因為：

·支持;

它是一個漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序；

·多語言支持；

· 易于定制。

在社區(qū)管理和支持方面，該產(chǎn)品有社區(qū)聊天、大量教程、提示、更新和博客。 它還具有廣泛的文檔和貢獻(xiàn)手冊。

我們建議為這個項目做出貢獻(xiàn)，因為它是一個非常出色的工具，可以讓開發(fā)人員的生活變得非常輕松。 據(jù)了解，你還將熟悉圍繞 Vue 的所有主要技術(shù)。

它是一個強大的開源狀態(tài)頁面系統(tǒng)，由 Vue 和 . 它支持 10 種語言。 附帶一個簡單（但功能強大）的捆綁包。 據(jù)悉，通過這種方式，可以提前安排活動。 在儀表板中，您可以設(shè)置指標(biāo)——一種衡量單個事物的方法，無論是正常運行時間、錯誤率還是完全隨機的事物。

Slack 有一個相當(dāng)大的社區(qū)，貢獻(xiàn)者非?；钴S。 現(xiàn)在是開始為開源社區(qū)做出貢獻(xiàn)的好時機——活躍的社區(qū)、中等規(guī)模的項目、偉大的想法。

是一個基于模板的 Vue.js 驗證框架，允許您驗證輸入和顯示錯誤。

由于它是基于模板的，因此您只需為每個輸入指定值更改時應(yīng)使用哪個驗證器。 將為支持的 40 多個區(qū)域手動生成錯誤。 許多規(guī)則都是開箱即用的。

特征：

· 基于模板的身份驗證，熟悉且易于設(shè)置；

· 40 多個地區(qū)的 i18n 支持和錯誤消息；

異步和自定義規(guī)則支持；

· 編譯者；

· 無依賴性。

處理表單驗證的主要痛點，并以最靈活的方式處理：

能夠為您的用戶設(shè)計復(fù)雜的用戶體驗；

最常見的驗證是外部的；

· 跨域驗證；

用于提高表單的可訪問性和樣式的實用程序；

· 本地化位于核心外部。

該團隊歡迎每個人為該項目做出貢獻(xiàn)，并擁有完善的文檔和貢獻(xiàn)手冊。 它還有一些很棒的故事和一個很棒的社區(qū)。

推理

我們收集了 Vue 上最有用、最成熟的開源項目。 我們再次強調(diào)：首先，在選擇資助項目之前，請注意以下事項： 文檔和貢獻(xiàn)手冊 另外，選擇您喜歡的項目，無論是否熱門。 如果您希望我們在此集合中包含任何其他工具，請給我們留言。 我們希望您分享這篇文章來幫助人們了解優(yōu)秀的開源項目。

BAT等各大廠商Java筆試經(jīng)驗總結(jié)

想獲取Java大廠筆試題學(xué)習(xí)資料

如有侵權(quán)請聯(lián)系刪除！