js框架（js框架都有哪些）

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于js框架的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

• 1、前端開發(fā)框架有哪些？

• 2、javascript,什么是js庫？

• 3、Vue SSR 項(xiàng)目 Nuxt.js 框架之《如何引入第三方UI框架element-ui》

• 4、bootstrap+vue.js做前端框架的特點(diǎn)

一、前端開發(fā)框架有哪些？

前端框架好不好用還是要看具體情況分析，我這里給你推薦幾個(gè)常用的框架，可以按需使用。

1、vue-element-admin

一個(gè)基于vue2.0和Element的控制面板UI框架，這是使用vue技術(shù)棧開發(fā)的前端程序員的首選管理系統(tǒng)模板，模板已經(jīng)非常成熟了，并且有相關(guān)的社區(qū)和維護(hù)人員，開發(fā)時(shí)候遇到問題也不要慌。

2、AdminLTE

非常流行的基于Bootstrap 3.x的免費(fèi)的后臺(tái)UI框架，這是一個(gè)非常老牌的后臺(tái)管理系統(tǒng)模板，每個(gè)頁面都是單獨(dú)的html網(wǎng)頁，適合前端入門新手用來做項(xiàng)目。

3、ant-design-pro

這個(gè)就不多說了，選擇react技術(shù)棧的童鞋們必然離不開這個(gè)優(yōu)秀開箱即用的中臺(tái)前端/設(shè)計(jì)解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開啟復(fù)制粘貼模式哦。

4、ng2-admin

這是基于Angular 2、Bootstrap 4和webpack的后臺(tái)管理面板框架，要收前面已經(jīng)有了React和vue技術(shù)棧的模板，那怎么能少了ng的？雖然在國(guó)外用的比較多，國(guó)內(nèi)較少使用，但絲毫不影響ng作為前端框架三巨頭之一的地位。

5：Gentelella

Gentelella 是一個(gè)可免費(fèi)使用的 Bootstrap 管理界面模版，使用群體比較廣泛。這個(gè)模版使用默認(rèn)的 Bootstrap 3的樣式，還有一系列功能強(qiáng)大的 jQuery 插件和工具，可快速創(chuàng)建管理界面模版或者后臺(tái)的 Dashboard。

6：iview-admin

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 組件庫形成的一套后臺(tái)集成解決方案 。

7：blur-admin

BlurAdmin 是一款使用 AngularJs + Bootstrap實(shí)現(xiàn)的單頁管理端模版，視覺沖擊極強(qiáng)的管理后臺(tái)，各種動(dòng)畫效果。

8：vue-manage-system

vue-manage-system，一個(gè)基于 Vue.js 和 element-ui的后臺(tái)管理系統(tǒng)模板，挺喜歡這個(gè)界面的UI，簡(jiǎn)約清晰不累贅，多功能的后臺(tái)框架模板，適用于絕大部分的后臺(tái)管理系統(tǒng)開發(fā)。

9：material-dashboard

基于 Bootstrap 4 和 Material 風(fēng)格的控制面板。Material Dashboard 是一個(gè)開源的 Material

Bootstrap Admin，其設(shè)計(jì)靈感來自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一個(gè)完全 開源免費(fèi) 的企業(yè)中后臺(tái)產(chǎn)品前端集成方案，基于 vue.js 和 ElementUI 的管理系統(tǒng)前端解決方案 ，小于 60kb的本地首屏 js 加載,已經(jīng)做好大部分項(xiàng)目前期準(zhǔn)備工作

11：vuestic-admin

vuestic-admin管理臺(tái)儀表盤是一個(gè)響應(yīng)式的儀表盤模板，采用Bootstrap4和Vue.js構(gòu)建。這個(gè)精美的管理臺(tái)模板提供了自定義元素組件，如地圖，聊天，個(gè)人資料卡，圖標(biāo)，進(jìn)度條等，以及用于登錄和注冊(cè)的預(yù)建頁面。

二、javascript,什么是js庫？

JavaScript 框架（庫）

JavaScript 高級(jí)程序設(shè)計(jì)（特別是對(duì)瀏覽器差異的復(fù)雜處理），通常很困難也很耗時(shí)。

為了應(yīng)對(duì)這些調(diào)整，許多的 JavaScript (helper) 庫應(yīng)運(yùn)而生，這些 JavaScript 庫常被稱為 JavaScript 框架。介紹一些日常用的 JavaScript 框架：

jQuery

Prototype

MooTools

所有這些框架都提供針對(duì)常見 JavaScript 任務(wù)的函數(shù)，包括動(dòng)畫、DOM 操作以及 Ajax 處理。

jQuery

jQuery 是目前最受歡迎的 JavaScript 框架。

它使用 CSS 選擇器來訪問和操作網(wǎng)頁上的 HTML 元素（DOM 對(duì)象）。

jQuery 同時(shí)提供 companion UI（用戶界面）和插件。

許多大公司在網(wǎng)站上使用 jQuery：

Google

Microsoft

IBM

Netflix

Prototype

Prototype 是一種庫，提供用于執(zhí)行常見 web 任務(wù)的簡(jiǎn)單 API。

API 是應(yīng)用程序編程接口（Application Programming Interface）的縮寫。它是包含屬性和方法的庫，用于操作 HTML DOM。

Prototype 通過提供類和繼承，實(shí)現(xiàn)了對(duì) JavaScript 的增強(qiáng)。

MooTools

MooTools 也是一個(gè)框架，提供了可使常見的 JavaScript 編程更為簡(jiǎn)單的 API。

MooTools 也含有一些輕量級(jí)的效果和動(dòng)畫函數(shù)。

其他框架

下面是其他一些在上面未涉及的框架：

YUI - Yahoo! User Interface Framework，涵蓋大量函數(shù)的大型庫，從簡(jiǎn)單的 JavaScript 功能到完整的 internet widget。

Ext JS - 可定制的 widget，用于構(gòu)建富因特網(wǎng)應(yīng)用程序（rich Internet applications）。

Dojo - 用于 DOM 操作、事件、widget 等的工具包。

script.aculo.us - 開源的 JavaScript 框架，針對(duì)可視效果和界面行為。

UIZE - Widget、AJAX、DOM、模板等等。

三、Vue SSR 項(xiàng)目 Nuxt.js 框架之《如何引入第三方UI框架element-ui》

在項(xiàng)目開發(fā)中引入第三方 UI框架 再平常不過，那 nuxt 該如何引入呢？我們以 Elemeng-ui 為例，具體看下在 nuxt 中配置與使用的步驟是怎樣的。

需在 plugins 文件夾里創(chuàng)建一個(gè) element-ui.js 文件，內(nèi)容如下：

在 nuxt 項(xiàng)目中如何使用 scss ？與 Vue 中使用的有和不同？也簡(jiǎn)單，只是配置上略有不同，使用上沒有不同。先安裝 node-sass sass-loader ，如下：

安裝成功后，就可以在頁面里使用 scss 了，無需任何配置，如下：

第一步：安裝 @nuxtjs/style-resources

第二步：配置 nuxt.config.js

項(xiàng)目重啟后就可以了，歡迎留言 評(píng)論

四、bootstrap+vue.js做前端框架的特點(diǎn)

1、易于開發(fā)：bootstrap+vue.js提供了頁面數(shù)據(jù)渲染模板引擎如v-ifv-for等、提供事件綁定@click等，代碼清晰明了，邏輯簡(jiǎn)單，易于上手。

2、高性能：bootstrap+vue.js提出虛擬DOM概念，以及數(shù)據(jù)驅(qū)動(dòng)DOM思想，減少頁面渲染成本，大幅度提高性能。

3、生態(tài)完善：許多開發(fā)者提供了對(duì)bootstrap+vue.js支持的插件如ElementUI，完善bootstrap+vue.js的生態(tài)，故使用bootstrap+vue.js進(jìn)行開發(fā)，遇到的難題會(huì)較少。

4、開源社區(qū)活躍：這提供bootstrap+vue.js未來更加強(qiáng)大的可能性。

以上就是關(guān)于js框架相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

jsp屬于前端還是后端（jsp屬于前端還是后端編程）

jsp中select下拉框多選（jsp中select下拉框多選全選）

狗屁不通文章生成器js

串串火鍋加盟排行榜（串串火鍋加盟店排行榜）

杭州網(wǎng)拍模特靠譜么（杭州下城區(qū)網(wǎng)拍模特騙局）