web前端第三方庫有哪些
- 青灯夜游原創
- 2022-08-23 15:51:113903瀏覽
第三方函式庫有：1、element，是Vue2的web UI工具套件；2、Vux，是基於Vue和WeUI的元件庫；3、iview，是基於Vue的開源UI元件庫；4 、vuex，Vue應用程式開發的狀態管理工具；5、avoriaz，Vue測試實用工具庫；6、vue-ssr，Vue伺服器端渲染範本；7、vue-play，展示Vue元件的最小化框架；8、 eme，一個Markdown編輯器。
本教學操作環境：windows7系統、Dell G3電腦。
web前端開發常用的第三方函式庫
- element ★13489 - 餓了麼出品的Vue2的web UI工具套件
- Vux ★8133 - 基於Vue和WeUI的元件庫
- iview ★6634 - 基於Vuejs 的開源UI 元件庫
- mint-ui ★6253 - Vue 2的行動UI元素
- muse-ui ★3705 - 三端樣式一致的響應式UI 庫
- vue-material ★3328 - 透過Vue Material和Vue 2建立精美的app應用
- vuetify ★2925 - 為行動而生的Vue JS 2元件框架
- Keen-UI ★2749 - 輕量級的基本UI元件集合
- vonic ★1913 - 快速建立行動裝置單頁應用程式
- vue-multiselect ★1539 - Vue.js選擇框解決方案
- eme ★1529 - 優雅的Markdown編輯器
- vueAdmin ★1455 - 基於vuejs2和element的簡單的管理員模板
- bootstrap-vue ★1267 - 套用於Vuejs2的Twitter的Bootstrap 4元件
- Vue.Draggable ★1191 - 實作拖曳與視圖模型陣列同步
- eagle.js ★1128 - hacker的幻燈片簡報框架
- vue-awesome-swiper ★1012 - vue.js觸控滑動元件
- vue-table ★1009 - 簡化資料表
- vue-chat ★859 - vuejs和vuex及webpack的聊天範例
- vue-blu ★850 - 幫助你輕鬆建立web應用程式
- vue-recyclerview ★849 - 管理大清單的vue-recyclerview
- VueCircleMenu ★838 - 漂亮的vue環選單
- vue-infinite-scroll ★779 - VueJS的無限滾動指令
- buefy ★755 - 響應式UI元件輕量級函式庫
- vue-beauty ★749 - 由vue和ant design創建的優美UI元件
- vue-waterfall ★737 - Vue.js的瀑布佈局元件
- radon-ui ★715 - 快速開發產品的Vue元件庫
- vue-loop ★701 - 無限的內容循環
- vue-chartjs ★694 - vue中的Chartjs的封裝
- #vue-carbon ★684 - 基於vue 開發MD風格的行動裝置
- vue-syntax-highlight ★655 - Sublime Text語法高亮
- #vue-echarts ★649 - VueJS的ECharts元件
- vue-quill-editor ★615 - 基於Quill適用於Vue2的富文本編輯器
- vue-amap ★571 - 基於Vue 2和高德地圖的地圖元件
- vue-calendar ★536 - 日期選擇外掛程式
- vue-infinite-loading ★501 - VueJS的無限滾動外掛程式
- ##vue-swipe ★481 - VueJS觸控滑桿
- #vue-music-player ★451 - Vuejs寫一個音樂播放器
- vue-scroller ★444 - Vonic UI的功能元件
- vue-datepicker ★436 - 日曆與日期選擇元件
- vue-core-image-upload ★393 - 輕量級的vue上傳外掛程式
- #vue-progressbar ★379 - vue輕量級進度條
- Gokotta ★375 - 簡單的音樂播放器
- #vue -sortable ★373 - 輕鬆新增拖曳排序
- vue-picture-input ★352 - 行動友善的圖片檔案輸入元件
- vue-echarts-v3 ★351 - VueJS元件封裝
- markcook ★343 - 好看的markdown編輯器
- vue-video-player ★336 - VueJS影片及直播播放器
- #vue-google-maps ★334 - 帶有雙向資料綁定Google地圖元件
- vue-trend ★332 - 簡單優雅的星光線條
- vuejs-datepicker ★314 - vue日期選擇器元件
- vue-fullcalendar ★313 - 基於vue.js的全日曆元件
- vue-html5-editor ★303 - html5所見即所得編輯器
- vue-upload-component ★298 - Vuejs檔案上傳元件
- #DataVisualization ★298 - 資料視覺化
- vue-tables-2 ★291 - 顯示資料的bootstrap樣式網格
- # VueStar ★270 - 帶有星星動畫的vue按讚按鈕
- vue-data-tables ★266 - VueJS2資料表格
- vue-paginate ★261 - 分頁資料的簡約VueJS外掛程式
- vue-ydui ★247 - 基於Vue2的行動裝置和微信UI
- vue-mugen -scroll ★239 - 無限滾動元件
- vue-virtual-scroller ★238 - 任意數目資料的順暢的捲動
- vue2- calendar ★236 - 支援lunar與日期事件的日期選擇器
- vue-dropzone ★233 - 用於檔案上傳的Vue元件
- # vue2-douban-market ★233 - 仿豆瓣市集webapp專案
- vue-js-modal ★228 - 行動友善的Vuejs2的modal
- #vue-slider ★224 - vue 滑動元件
- vue-datetime-picker ★224 - 日期時間選擇控制項
- #rubik ★217 - 基於Vuejs2的開源UI 元件庫
- vue-datasource ★210 - 建立VueJS動態表格
- #vue-image-crop-upload ★205 - vue圖片剪裁上傳元件
- Vueditor ★204 - 所見即所得的編輯器
- mint-loadmore ★203 - VueJS的雙向下拉刷新元件
- vue-slider-component ★202 - 在vue1和vue2中使用滑桿
- #vue-chat ★200 - Vue全家桶Socket.io Express/Koa2打造一個智慧聊天室
- mavonEditor ★179 - 基於Vue的markdown編輯器
- vue- carousel-3d ★173 - VueJS的3D輪播組件
- vue-baidu-map ★170 - 基於Vue 2的百度地圖元件庫
- sweet-modal-vue ★170 - 精美的點擊提示對話框
- vue-particles ★168 - 粒子背景的vue組件
- vue-swiper ★167 - 易於使用的滑桿元件
- vue-simplemde ★166 - VueJS的Markdown編輯器元件
- vue -slide ★161 - vue輕量級滑動元件
- vue-dragula ★157 - 讓拖曳變得簡單
- vue-drag -and-drop-list ★156 - 建立排序清單的Vue指令
- vue2-editor ★155 - HTML編輯器
- vue-charts ★152 - 輕鬆渲染一個圖表
- vue-data-grid ★151 - VueJS複雜桌面互動範例
- vuwe ★150 - 基於微信WeUI所開發的專用於Vue2的元件庫
- vue-progressive-image ★148 - Vue的漸進圖片載入外掛程式
- vue-msgbox ★148 - vuejs的訊息方塊
- vue-lazyload-img ★147 - 行動優化的vue圖片懶載入外掛程式
- vue-dragging ★146 - 使元素可以拖曳
- #vue-instant ★143 - 輕鬆建立自動提示的自訂搜尋控制項
- vue-social-sharing ★142 - 社交分享元件
- vue-images ★139 - 顯示一組圖片的lightbox元件
- vue-impression ★134 - 移動Vuejs2 UI元素
- vue-mdEditor ★131 - 基於VUE的markdown文字編輯器
- #vue-typer ★130 - 模擬使用者輸入選擇和刪除文字的Vue元件
- vue-highcharts ★130 - HighCharts元件
- # vue-tooltip ★129 - 帶有綁定資訊提示的提示工具
- vue-svgicon ★127 - 建立svg圖示元件的工具
- # wdui ★124 - 基於Vue2的UI元件庫
- vue2-loading-bar ★118 - 最簡單的仿Youtube載入條視圖
- # vue-tabs-component ★116 - 渲染tabs的Vue元件
- MagicMusic ★113 - 不一樣的音樂
- #vue-region-picker ★111 - 選擇中國的省份城市和地區
- vue-datatable ★102 - 使用Vuejs建立的DataTableView
- vue-loading ★102 - 元素中載入block的Vue指令
- vodal ★99 - 動畫的vue模態
- vue-img-inputer ★ 97 - 基於Vue2的圖片輸入框
- vue-video ★96 - Vue.js的HTML5影片播放器
- ##vue-touch-ripple ★95 - vuejs的觸控ripple元件
- vue-event-calendar ★91 - 簡單小巧的事件行事曆元件 ##v-bar
- ★91 - 虛擬回應跨瀏覽器捲軸 vue2-timepicker
- ★84 - 下拉時間選擇器 vuejs-paginate
- ★80 -分頁VueJS元件 vue-toast-mobile
- ★79 - VueJS的toast外掛程式##vue-datepicker ★78 - 漂亮的Vue日期選擇器元件
- vue-easy-slider ★77 - Vue 2.x的滑桿元件
- ##vue-float-label ★76 - VueJS浮動標籤模式
- vue-scrollbar ★76 - 最簡單的捲動區元件
- vant ★74 - 有讚出品的Vue2. 0移動式UI
- vue-json-tree-view ★74 - Vue的JSON樹視圖
- vue-slick ★73 - 實作流暢輪播框的vue元件
- vue-keynote ★73 - 實作宣告程式碼投影片
- vue-google-signin-button# ★ 73 - 匯入Google登入按鈕
- vue-rate ★68 - Vue評分元件
- awesome-mask ★67 - 擁有獨一無二mask的表單
- vue-radial-progress ★65 - Vue.js放射性進度條元件
- vue-quill ★65 - vue元件建構quill編輯器
- vue-date-picker ★63 - VueJS日期選擇器元件
- coffeebreak ★62 - 即時編輯CSS元件工具
- #vue-good-wizard ★61 - VueJS 2.x wizard plugin
- vue-loading ★60 - 使用SVG載入
- # datepicker ★59 - 基於flatpickr的時間選擇元件
- vue-placeholders ★58 - 處理佔位符圖片和亂碼
- #we-vue ★55 - Vue2及weui1開發的元件
- vue-fullcalendar ★55 - vue FullCalendar封裝
- vue-chartkick ★53 - VueJS一行程式碼實作優美圖表
- cxlt-vue2-toastr ★52 - 彈出提示的Vue2元件
- ##vue-formly ★51 - VueJS的JS表單
- vue2-autocomplete ★51 - vue2的自動完成元件
- vue-morris ★50 - Vuejs元件封裝Morrisjs庫
- veui ★50 - VueJS百度企業UI
- vue-components ★49 - 行動裝置UI元件庫
- vue-star-rating ★49 - 簡單高度自訂的星星評級元件
- vue-tagsinput ★48 - 基於VueJS的標籤元件
- vue-tabs ★47 - 多tab頁輕型框架
- vue-popup-mixin ★47 - 用於管理彈出框的遮蓋層
- vue-ripple-directive ★45 - 使用Vue指令的Material波紋效果
- vue-cropper ★42 - 一個簡單的vue 的圖片裁剪插件
- vue-ztree ★41 - 用vue 寫的樹層級元件
- vue-touch-keyboard ★41 - VueJS虛擬鍵盤元件
- cubeex ★40 - 包含一套完整的移動UI
- vue-chart ★40 - 強大的高速的vue圖表解析
- #vue-music-master ★40 - vue手機端網頁音樂播放器
- vue-bootstrap-table ★39 - 可排序可擷取的表格
- vue-emoji ★39 - 好用的emoji外掛程式
- handsontable ★39 - 網頁表格元件
- #vue -form-2 ★37 - 全面的HTML表單管理的解決方案
- vue-area ★37 - 省市區三級連動插件
- #vue-side-nav ★37 - 響應式的側邊導航
- vue-image-scroll ★36 - 仿網易雲音樂的vue圖片滾動插件
- vue-pull-to-refresh ★35 - Vue2的上拉下拉
- mint-indicator ★35 - VueJS行動載入指示器外掛程式
- vue-image-clip ★34 - 基於vue的圖像剪輯元件
- vue-material-design ★34 - Vue MD風格元件
- vue-simple-upload ★31 - 簡單的VueJS上傳元件
- chartjs ★29 - Vue Bulma的chartjs元件
- #vue-lazy-background-images ★29 - 懶加載背景元件的Vue元件
- vue-ripple ★29 - 製作GoogleMD風格漣漪效果的Vue組件
- vue-scroll ★27 - vue捲動
- laravel-vue-pagination ★26 - VueJS分頁元件
- vue -datepicker-simple ★26 - 基於vue的日期選擇器
- vue-m-carousel ★26 - vue 行動裝置輪播元件
- vue-parallax ★23 - 圖片載入UI元件
- #vue-tree ★22 - vue樹視圖元件
- vue-verify-pop# ★22 - 帶氣泡提示的vue校驗外掛
- vue-waves ★22 - waves的VueJS版本
- vue-smoothscroll ★20 - smoothscroll的VueJS版本
- #vue-city ★19 -城市選擇器
- vue-laypage ★17 - 簡單的VueJS分頁元件
- vue-typewriter ★15 - vue元件類型
- vue-ios-alertview ★14 - iOS7 風格的alertview服務
- vue-cmap ★14 - Vue China map視覺化元件
- #paco-ui-vue ★12 - PACOUI的vue元件
- #vue-cascading-address ★9 - vue地區選擇器
- dd-vue-component ★7 - 訂單來了的公用元件庫
- vue-button ★5 - Vue按鈕元件
- #開發框架
vue.js
★56380 - 流行的輕量高效的前端元件化方案- #vue-admin ★4612 - Vue管理面板框架
- #quasar ★2353 - 響應式網站和混合式行動應用程式
- # electron-vue ★2085 - Electron及VueJS快速啟動樣板
- vue-element-admin ★1986 - vue2管理系統範本
- vuepack ★1618 - 現代VueJS啟動器
- N3-components ★656 - 快速建立頁面與應用程式
- ##VueThink ★373 - 前後端分離框架
- vue-2.0-boilerplate ★358 - Vue2單頁應用樣板
- vue-spa-template ★344 - 前後端分離後來的單頁應用開發
- Framework7-Vue ★283 - VueJS與Framework7結合 ##vue-bulma
- ★215 - 輕量級高效能MVVM Admin UI框架 vuetiful
- ★189 - 建立業務及管理應用程式 vue-stack-2.0
- # ★155 - Vue2專案樣板 vue2-admin-lte
- ★154 - vue2版本的adminLTE jspangAdmin
- ★140 - 基於Vue2的後台管理系統 vue-fullstack
- ★140 - 即時的使用者友善的後台系統 vue-paper-dashboard
- ★120 - Vue的Tim Paper 儀表板 vue-webgulp
- ★113 - 仿VueJS Vue loader範例 vue-element-starter
- ★83 - vue啟動頁 #vuemin
- ★17 - 基於Vue的企業級前端開發框架 vue-team-template
- ★12 - 一種建構vue專案的選擇方案
- 實用程式庫
- vuex ★8043 - 專為Vue.js 應用程式開發的狀態管理模式
- vue-loader ★1847 - Vue.js 針對Webpack的元件裝載外掛程式
- vue-validator ★1807 - vue的驗證器外掛程式
- ##vue-lazyload ★1224 - 用於懶加載的Vue模組
- vuelidate ★1075 - 簡單輕量級的基於模組的Vue.js驗證
- vue-i18n ★1053 - VueJS的多語言切換外掛程式
- qingcheng ★736 - qingcheng主題
- Vue-Socketio ★533 - VueJS的socketio實作
- vue-awesome ★532 - VueJS字體Awesome元件
- vue-desktop ★496 - 建立管理面板網站的UI庫
- #vue-axios ★491 - 將axios整合到VueJS的封裝
- vue-meta ★467 - 管理app的meta資訊
- vue -head ★396 - head標籤的meta資訊操作
- meteor-vue-component ★382 - vue和meteor整合
- #avoriaz ★338 - VueJS測試實用工具庫
- portal-vue ★239 - 在元件外部渲染DOM
- vue-flatpickr ★228 -封裝Flatpickr的Vue元件
- vue-timeago ★195 - VueJS的時間前元件
- blessed-vue ★181 - 編寫命令列UI的VueJS運行時
- vue-unit ★179 - 建立單元測試元件
- vue-authenticate ★177 - 簡單的VueJS身分認證庫
- vue-scrollTo ★174 - 捲動到元素的VueJS指令
- vue-svg-icon ★157 - vue2的可變彩色svg圖示方案
- vue-focus ★148 - 可重複使用VueJS元件的焦點指令
- meteor-vue ★134 - VueJS和Meteor的橋接
- element-admin ★130 - 支援vuecli 的Element UI 的後台模板
- vuep ★118 - 用即時編輯和預覽來渲染Vue元件
- vuet ★116 - 一個跨頁面、跨元件的狀態管理外掛程式
- vue-bootstrap-modal ★112 - vue的Bootstrap樣式元件
- vue-animate ★106 - 跨瀏覽器CSS3動畫庫
- vue-property-decorator ★104 - VueJS和屬性Decorator
- vue-aplayer ★100 - 方便設定的音樂播放器vue2元件
- vue-password-strength-meter ★97 - 互動式密碼強度計
- vue-websocket ★91 - VueJS的Websocket外掛程式 ##vue-local-storage
- ★88 - 具有型別支援的Vuejs本機儲存外掛程式 vue-recyclist
- ★88 - vuejs無限捲動清單 vue-lazy-render
- ★87 - 用於Vue元件的延遲渲染 vue-qart
- ★86 - qartjs的Vue2指令 vue-framework7
- ★85 - 結合VueJS所使用的Framework7元件 vue-cordova
- ★85 - Cordova的VueJS外掛程式##http-vue-loader ★84 - 從html及js環境載入vue文件
- vue-parallax ★84 - 快速60fps視差捲動效果元件
- vue-clipboard ★84 - VueJS的剪貼簿
- vue-kindergarten ★83 - 將kindergarten整合到VueJS應用程式
- vue-events ★83 - 簡化事件的VueJS外掛程式
- vue-notifications ★80 - 非阻塞通知庫
- vue-online ★77 - reactive的線上和離線元件
- #vue -shortkey ★74 - 套用於Vue.js的Vue-ShortKey 外掛程式
- vue-bus ★71 - VueJS的事件總線
- vuex -i18n ★71 - 定位外掛程式
- uiv ★70 - Vue實作的Bootstrap元件
- vue-router-transition ★69 - 頁面過渡外掛程式
- vue-gesture ★69 - VueJS的手勢事件外掛程式
- vue-clip ★67 - 簡約的破解檔案上傳器
- vue-electron ★66 - 將選取的API封裝到Vue物件中的外掛程式
- ##cleave ★64 - 基於cleave.js的Cleave元件
- vuemit ★63 - 處理VueJS事件
- vue-worker ★56 - 使用webworkers的Vue外掛程式
- #vue-acl ★54 - VueJS存取控制清單外掛程式
- vue-ts-loader ★54 - 在Vue裝載機檢查腳本
- Vue.resize ★51 - 偵測HTML調整大小事件的vue指令
- #vuedeux ★50 - 輕量級開源實用層
- vue-ls ★49 - 適配Vuecontext中LocalStorage的Vue外掛程式
- lazy-vue ★48 - 懶載入圖片
- vue -pagination-2 ★46 - 簡單通用的分頁元件
- v-media-query ★44 - vue中加入用於配合媒體查詢的方法
- #vue-observe-visibility ★42 - 當元素在頁面上可見或隱藏時偵測
- vue-lazy-component ★38 - 懶載入元件或元素的Vue指令
- vue-reactive-storage ★37 - vue外掛程式的Reactive層
- vue-helmet ★37 - HTML標題管理器
- voir ★35 - 保持mutation與視圖組件的分離
- vuex-shared-mutations ★34 - 分享某種Vuex mutations
- vue-drag-zone ★28 - 適用於Vue2的dom拖曳元件
- vue-eslint-parser ★27 - ESLint自訂解析
- modal ★26 - Vue Bulma的modal元件
- vue-plan ★25 - Vuex-狀態管理
- #vue-file-base64 ★22 - 將檔案轉換為Base64的vue元件
- vue-methods-promise ★21 - 讓vue方法支援promise
- Vue.ImagesLoaded ★20 - 偵測圖片載入的VueJS指令
- Famous-Vue ★16 - Famous庫的vue元件
- leo-vue-validator ★15 - 非同步的表單驗證元件
- vue-titlecase ★13 - 用於字串titlecased的VueJS過濾器
- Vue-Easy-Validator ★12 - 簡單的表單驗證
- vue-zoombox ★12 - 一個進階zoombox
- vue -truncate-filter ★10 - 截斷字串的VueJS過濾器
- vue-router-storage ★9 - vue歷史路由持久化的解決方案
- vue-input-autosize ★9 - 基於內容自動調整文字輸入的大小
- vue-data-validator ★4 - Vuejs2的資料驗證插件
- vue-lazyloadImg ★4 - 圖片懶載入外掛程式
服務端
- nuxt.js ★4564 - 用於伺服器渲染Vue app的最小化框架
- unvue ★310 - 使用簡單的通用VueJS應用程式
- express-vue ★302 - 簡單的使用伺服器端渲染vue.js
- vue-ssr ★92 - 非常簡單的VueJS伺服器端渲染模板
- doubanMovie-SSR ★85 - Vue豆瓣電影服務端渲染
- vue-ssr ★80 - 結合Express使用Vue2服務端渲染
- vue-easy-renderer ★44 - Nodejs服務端渲染
##輔助工具
- #vue-play ★641 - 展示Vue元件的最小化框架
- DejaVue ★635 - Vuejs視覺化與壓力測試
- #vscode-VueHelper ★228 - 目前vscode最好的vue程式碼提示外掛程式
- vue-generate-component ★56 - 輕鬆產生Vue js元件的CLI工具
- vue-multipage-cli ★40 - 簡單的多頁CLI
- VuejsStarterKit ★29 - vuejs starter套件
應用程式實例
- koel ★7773 - 基於網路的個人音訊串流服務
- #pagekit ★4225 - 輕量級的CMS建站系統
- vue-manage-system ★2057 - 後台管理系統解決方案
- vuedo ★1265 - 部落格平台
- jackblog-vue ★1120 - 個人部落格系統 ##PJ Blog
- ★1018 - 開源部落格 vue-cnode
- ★787 - 重寫vue版cnode社群 vms
- ★629 - vuejs2管理系統 #CMS-of-Blog
- ★541 - 部落格內容管理器 goldfish
- ★518 - HashiCorp Vault的Admin UI # rss-reader
- ★368 - 簡單的rss閱讀器 vue-ghpages-blog
- ★254 - 依賴GitHub Pages無需本地生成的靜態部落格 #vue-blog
- ★143 - 使用Vue2.0 和Vuex的vue-blog swoole-vue-webim
- ★137 - Web版的聊天應用程式 tomato5
- ★134 - 即時的協作工具 Loopa-News
- ★133 - 開源社會新聞應用程式 #vue2-management -platform
- ★74 - vue2.0 elementUI 後台管理平台 vue-dashing-js
- ★70 - nuvo-dashing-js的fork fewords
- ★63 - 功能極為簡單的筆記本 adminify
- ★46 - 一個基於Vuetify material的Admin面板
#Demo範例 #（學習影片分享：web前端）
以上是web前端第三方庫有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！