㈠ 後台管理系統,前端用什麼框架開發比較好
時下比較流行的前端開發技術--Angular,React和Vue。他搜緩們各有千秋,我們2016年React鞏固了它作為前端框架之王的地位,這一年中可以看到它在Web端和移動端的快速成長,同時穩穩領先於它的主要競爭對手Angular。選擇怎麼樣的框架,需要根據自己需求而定。
React和Vue的適用范圍無疑是很相似的:同樣是基於組件的輕量級框架,同樣專注於用戶界面的視圖層。同樣可以用在簡單的項目中,也同樣可以使用全家桶擴展為復雜的應用程序。
1、如果你喜歡用模板搭建應用(或者有這個想法),請選擇Vue。
2、如果你喜歡簡單和「能用就行」的東西,請選擇Vue。
3、如果你想要你的應用盡可能的小和快,請選擇Vue。
4、如果你打算構建一個大型應用程序,請選擇React。
5、如果你想要一個同時判廳適用於Web端和原生APP的框架,請選擇React。
6、不建議世沖模用angular,2016年React鞏固了它作為前端框架之王的地位,這一年中可以看到它在Web端和移動端的快速成長,同時穩穩領先於它的主要競爭對手Angular。
㈡ 做一個後台管理平台,前端最好選用什麼框架
通常說的js不是框架,是語言,即javascript,據最新世界編程語言排行榜來看,已經上升到了第7位,發展迅猛,其標準是ECMAScript,現在基本配大上是基於ECMAScript5。jQuery是用js寫的框架,其在DOM操作上有很明顯的優勢,也是時下很常用的一個js框架。
至於之外還要學習哪些框架呢?
如果你說的是js框架,建議先掌握好jQuery,然後還有很多的,比如提到的extjs,近幾年比較流行的AngularJS,基於移動端考慮的輕量級仿jquery框架zepto,還有jquerymobile,還有適合寫後端或服務端的node,等等。
如果是web前端框架,就不僅僅是涉及的js了,還有html和css。個人覺得只有這三種培祥豎語言都涉及到的框架宴嘩才能說得上是web前端框架。現在比較火的是Bootstrap,還有Foundation,比較古老的有jqueryUI,easyUI等等,還有其他很多很多。如果還有算上處理方案及版本升級代碼迭代等,就要用到網路團隊研發的fis這種了。
㈢ 前端開發框架有哪些
1.Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美,直觀並且給力的web設計工具包,可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件,柵格系統以及一些常用的JavaScript插件。
Bootstrap是用動態語言LESS寫的,主要包括四部分的內容:
腳手架——全局樣式,響應式的12列柵格布局系統。記住Bootstrap在默認情況下並不包括響應式布局的功能。因此,如果你的設計需要實現響應式布局,那麼你需要手動開啟這項功能。
基礎CSS——包括基礎的HTML頁面要素,比如表格(table),表單(form),按鈕(button),以及圖片(image),基礎CSS為這些要素提供了優雅,一致的多種樣式。
組件——收集了大量可以重用的組絕襲件,如下拉菜單(dropdowns),按鈕組(buttongroups),導航面板(navigationcontrol)——包括:tabs,pills,lists標簽,麵包屑導航(breadcrumbs)以及頁碼(pagination),縮略圖(thumbnails),進度條(progressbars),媒體對象(mediaobjects)等等。
JavaScript——包括一系列jQuery的插件,這些插件可以實現組件的動態頁面效果。插件主要包括模態窗口(modals),提示效果(tooltips),「泡芙」效果(popovers),滾動監控(scrollspy),旋轉木馬(carousel),輸入提示(typeahead),等等。
Bootstrap已經足夠強大,能夠實現各種形式的Web界面。為了更加方便地利用Bootstrap進行開發,很多工具和資源可以用來配合使用,下面列舉了其中的一部分工具和資源。
jQueryUIBootstrap——對於jQuery和Bootstrap愛好者來說這是個非常好的資源,能夠把Bootstrap的清爽界面組件引入到jQueryUI中。
jQueryMobileBootstrapTheme——和上面提到的jQueryUI主題類似,這是一個為jQueryMobile建立的主題。如果你想讓用Bootstrap開發的網站在手機端也可以優雅訪問,那麼這個資源對你來說很方便易用。
FuelUX——它為Bootstrap添加了一些輕量的JavaScript控制項。FuelUI安裝,修改,更新以及優化都很簡單方便。
info——Bootstrap提供了自己的幾種界面風格,提供了更多的配色選項,並且你可以給每個組件都應用不同的配色。
BootSwatchr——利用這個工具你可掘宏賣以立刻查看主題修改後的效果。對於每一次變動的效果,這個應用都會生成一個唯一的URL方便你與他人分享,你也可以在任意時刻修改你的主題。
Bootswatch——提供大量免費的Bootstrap主題。
Bootsnipp——在線前端框架交互組件製作工具,是一個供給設計師和開發者的基於BootstrapHTML/CSS/JavaScript架構的免費元素。
LayoutIt——通過界面拖放生成器簡便快捷地創建基於Bootstrap的前端代碼。通過拖放動作將Bootstrap風格的組件加入到你的個人設計里並且可以方便地修改他們的屬性,簡單便捷。
2.Fbootstrapp
Fbootstrapp基於Bootstrap並且提供了跟Facebookiframeapps和設計相同的功能。包含用於所有標准組件的基本的CSS和HTML,包括排版、表單、按鈕、判逗表格、柵格、導航等等,風格與Facebook類似。
3.BootMetro
BootMetro框架的靈感來自於MetroUICSS,基於Bootstrap框架構建,用於創建Windows8的Metro風格的網站。它包括所有Bootstrap的功能,並添加了幾個額外的功能,比如頁面平鋪,應用程序欄等等。
4.Kickstrap
Kickstrap是Bootstrap的一個變體。它基於Bootstrap,並在它的基礎上添加了許多app,主題以及附加功能。這使得這個框架可以單獨地用於構建網站,而不需要額外安裝什麼。你需要做的僅僅是把它放到你的網站上,然後用就可以了。
App是一些頁面載入完成之後載入運行的JavaScript和CSS打包文件。默認載入的app有Knockout.js,Retina.js,FirebugLite,andUpdater,你也可以自行添加更多的app。
選擇不同的主題可以讓你的網站在眾多Bootstrap構建的類似網站中顯得與眾不同。
附加功能是一些用來擴展BootstrapUI庫的附件,它們的語法基本相同或者相似。
㈣ 目前常用的一些前端的框架
目前常用的一些前端的框架如下:
1.Bootstrap
Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優美,直觀並且給力的web設計工具包,可以用來開發跨瀏覽器兼容並且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件,柵格系統以及一些常用的JavaScript插件。
Bootstrap是用動態語言LESS寫的,主要包括四部分的內容:
腳手架——全局樣式,響應式的12列柵格布局系統。記住Bootstrap在默認情況下並不包括響應式布局的功能。因此,如果你的設計需要實現響應式布局,那麼你需要手動開啟這項功能。
基礎CSS——包括基礎的HTML頁面要素,比如表格(table),表單(form),按鈕(button),以及圖片(image),基礎CSS為這些要素提供了優雅,一致的多種樣式。
組件——收集了大量可以重用的組件,如下拉菜單(dropdowns),按鈕組(buttongroups),導航面板(navigationcontrol)——包括:tabs,pills,lists標簽,麵包屑導航(breadcrumbs)以及頁升激碼(pagination),縮略圖(thumbnails),進度條(progressbars),媒體對象(mediaobjects)等等。
JavaScript——包括一系列jQuery的插件,這些插件可以實現組件的動態頁面效果。插件主要包括模態窗口(modals),提示效果(tooltips),「泡芙」效果(popovers),滾動監控(scrollspy),旋轉木馬(carousel),輸入提示核枯(typeahead),等等。
Bootstrap已經足夠強大,能夠實現各種形式的Web界面。為了更加方便地利用Bootstrap進行開發,很多工具和資源可以用來配合使用,下面列舉了其中的改笑洞一部分工具和資源。
jQueryUIBootstrap——對於jQuery和Bootstrap愛好者來說這是個非常好的資源,能夠把Bootstrap的清爽界面組件引入到jQueryUI中。
jQueryMobileBootstrapTheme——和上面提到的jQueryUI主題類似,這是一個為jQuerymobile建立的主題。如果你想讓用Bootstrap開發的網站在手機端也可以優雅訪問,那麼這個資源對你來說很方便易用。
FuelUX——它為Bootstrap添加了一些輕量的JavaScript控制項。FuelUI安裝,修改,更新以及優化都很簡單方便。
info——Bootstrap提供了自己的幾種界面風格,提供了更多的配色選項,並且你可以給每個組件都應用不同的配色。
BootSwatchr——利用這個工具你可以立刻查看主題修改後的效果。對於每一次變動的效果,這個應用都會生成一個唯一的URL方便你與他人分享,你也可以在任意時刻修改你的主題。
Bootswatch——提供大量免費的Bootstrap主題。
Bootsnipp——在線前端框架交互組件製作工具,是一個供給設計師和開發者的基於BootstrapHTML/CSS/JavaScript架構的免費元素。
LayoutIt——通過界面拖放生成器簡便快捷地創建基於Bootstrap的前端代碼。通過拖放動作將Bootstrap風格的組件加入到你的個人設計里並且可以方便地修改他們的屬性,簡單便捷。
2、flex
Apache基金會發布了Flex4.8版本,這是Adobe將Flex捐獻給Apache基金會後發布的第一個版本
需要注意的是
2014年03月10日,ApacheFlex技術社區發布了全新的ApacheFlex4.12.0版本,該版本是ApacheFlex4.11.0的升級版本,改進的功能包括:
◆支持最新版本的FlashPlayer
◆支持最新的AIR運行時
◆改進了內存佔用和性能
◆改善了針對移動平台的組件的樣式
◆支持iOS7系統
◆修復了超過80個漏洞[4]
2014年05月10日,Apache對4.12.0版本進行優化改進,發布了Flex4.12.1,新版本加入對全新FlashPlayer及Air運行時的支持,改進對移動媒體查詢的支持,並修復20多個Bug。
3、extjs
ExtJS是一種主要用於創建前端用戶界面,是一個基本與後台技術無關的前端ajax框架。
功能豐富,無人能出其右。
無論是界面之美,還是功能之強,ext的表格控制項都高居榜首。
華麗的界面,靈活的功能,還有開發工具都是配套的,但有個最大的問題,用就得花錢!
4、easyui
easyui幫助你構建你的web應用更加容易。
它是一個基於jquery的插件,開發出來的一套輕量級的ui框架,非常小巧而且功能豐富。
但是她有一個最大的問題就是代碼只能找到以前的開源的版本,到了1.2以後的版本源代碼都是經過混淆的,如果遇到問題修改起來會非常麻煩!不過一個比較大的優勢是開源免費,並且界面做的還說的過去!
5、MiniUI
又一個基於jquery的框架,開發的界面功能都很豐富。
jQueryMiniUI_快速開發WebUI。
它能縮短開發時間,減少代碼量,使開發者更專注於業務和服務端,輕松實現界面開發,帶來絕佳的用戶體驗。
使用MiniUI,開發者可以快速創建Ajax無刷新、B/S快速錄入數據、CRUD、Master-Detail、菜單工具欄、彈出面板、布局導航、數據驗證、分頁表格、樹、樹形表格等典型WEB應用系統界面。
界面做的挺不錯,功能也挺豐富,但是有兩個比較大的問題,一個是收費,一個是沒有源碼,說白了,不開源!基於這個開發如果想對功能做擴展就需要找他們的團隊進行升級!
6、jQueryUI
jQueryUI是一套jQuery的頁面UI插件,包含很多種常用的頁面空間,例如Tabs(如本站首頁右上角部分)、拉簾效果(本站首頁左上角)、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。
功能非常全面,界面也挺漂亮的,可以整體使用,也可以分開使用其中的幾個模塊,免費開源!
7、DWZ
DWZ富客戶端框架(jQueryRIAframework),是中國人自己開發的基於jQuery實現的AjaxRIA開源框架.
設計目標是簡單實用,快速開發,降低ajax開發成本。
歡迎大家提出建議,我們將在下一版本中進一步調整和完善功能.共同推進國內整體ajax開發水平。
畢竟是國產的,支持一下,而且源碼完全公開,可以選擇一下!不過性能怎麼樣不敢確定!
8、GWT
Google網頁工具包——GWT提供了一組基於Java語言的開發包,這個開發包的設計參考JavaAWT包設計,類命名規則、介面設計、事件監聽等都和AWT非常類似。熟悉JavaAWT的開發者不需要花費多大的力氣就能夠快速的理解GWT開發工具包,將更多地時間投入到GWT應用的開發過程中。
你不用去了解這樣那樣的javascript框架,通過java你就可以寫出功能豐富的界面,可以做單元測試,畢竟是google的產品,嚴重支持一下!
9、YUI
Yahoo!UILibrary(YUI)是一個開放源代碼的JavaScript函數庫,為了能建立一個高互動的網頁,它採用了AJAX,DHTML和DOM等程式碼技術。它也包含了許多CSS資源。使用授權為BSD許可證,基本上沒怎麼研究過!
YUICompressor倒是挺出名的,這套UI庫不知道應用的情況怎麼樣!
10、Sencha
Sencha是由ExtJS、jQTouch以及Raphael三個項目合並而成的一個新項目。
大公司的框架,並且是幾樣庫的強強聯合,值得推薦!
11、Dojo
在國內應用好像不是很廣,不過性能上應該沒問題。
Dojo是一個用javascript語言實現的開源DHTML工具包。
有多個基金會的支持,包括IBM和SUN,都是軟體界的泰斗,值得信賴!
12、ZK
ZK是一套以AJAX/XUL/Java為基礎的網頁應用程式開發框架,用於豐富網頁應用程式的使用介面。最大的好處是,在設計AJAX網路應用程式時,輕松簡便的操作就像設計桌面程式一樣。ZK包含了一個以AJAX為基礎、事件驅動(event-driven)、高互動性的引擎,同時還提供了多樣豐富、可重復使用的XUL與HTML組件,以及以XML為基礎的使用介面設計語言ZKUser-interfacesMarkupLanguage(ZUML)。
功能豐富,全面,文檔齊全,而且升級了很多次,非常值得推薦!
13、OperaMasks-UI
OperaMasks-UI是OperaMasks團隊2011下半年打造的一款輕量級前端JS組件庫,旨在提供一款學習曲線低、定製性靈活、樣式統一,且多瀏覽器支持、覆蓋企業業務場景的前端JavaScriptUI組件庫。目前,該團隊已將這一產品以LGPL開源協議開放給社區。
文檔豐富,功能齊全,而且很容易使用和開發!而且是國產的喲!
14、JavaFX
Sun公司(已於2009年被Oracle公司收購)在2008年12月05日發布了JavaFX技術的正式版,它使您能利用JavaFX編程語言開發富互聯網應用程序(RIA)。JavaFXScript編程語言(以下稱為JavaFX)是Sun微系統公司開發的一種declarative,staticallytyped(聲明性的、靜態類型)腳本語言。JavaFX技術有著良好的前景,包括可以直接調用JavaAPI的能力。因為JavaFXScript是靜態類型,它同樣具有結構化代碼、重用性和封裝性,如包、類、繼承和單獨編譯和發布單元,這些特性使得使用Java技術創建和管理大型程序變為可能。
㈤ 前端開發框架有哪些_前端架構有哪些
前端框架好不好用還是要看具體情況分析,我這里給你推薦幾個常用的框架,可以按需使用。
1、vue-element-admin
一個基於vue2.0和Element的控制面板UI框架,這是並納簡使用vue技術棧開發的前端程序員的首選管理系統模板,模板已經非常成熟了,並且有相關的社區和維護人員,開發時候遇到問題也不要慌。
2、AdminLTE
非常流行的基於Bootstrap3.x的免費的後台UI框架,這是一個非常老牌的後台管理系統模板,每個頁面都是單獨的html網頁,適合前端入門新手用來做項目。
3、ant-design-pro
這個就不多說了,選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案,文檔齊全,組件豐富,一鍵生成模板,更支持開啟復制粘貼模式哦。
4、ng2-admin
這是基於Angular2、Bootstrap4和webpack的後台管理面板框架,要收前面已經有了React和vue技術棧的模板,那怎麼能少了ng的?雖然在國外用的比較多,國內較少使用,但絲毫不影響ng作為前端框架三巨頭之一的地位。
5:Gentelella
Gentelella是一個可免費使用的Bootstrap管理界面模版,使用群體比較廣泛。這個模版使用默認的Bootstrap3的樣式,還有一系列茄宴功能強大的jQuery插件和工具,可快速創建管理界面模版或者後台的Dashboard。
6:iview-admin
iViewadmin是基於iView的Vue2.0控制面板。搭配使用iViewUI組件庫形成的一套後台集成解決方案。
7:blur-admin
BlurAdmin是一款使用AngularJsBootstrap實現的單頁管理端模版,視覺沖擊極強的管理後台,各種動畫效果。
8:vue-manage-system
vue-manage-system,一個基於Vue.js和element-ui的後台管理系統模板,挺喜歡這個界面的UI,簡約清晰不累贅,多功能的後台框架模板,適用於絕大部分的後台管理系統開發。
9:material-dashboard
基於Bootstrap4和Material風格的控制面板。MaterialDashboard是一個開源的Material
BootstrapAdmin,其設計靈感來自谷歌的MaterialDesign。
10:d2-admin
D2Admin是一個完全開源免費的企業中後台產品前端集成方案,基於vue.js和ElementUI的管理系統前端解決方案,小於60kb的本地首屏js載入,已經做好大部分項目前期准備工作
11:vuestic-admin
vuestic-admin管理台儀表盤是一個響應式的儀表盤模板,採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件,如地圖,聊天,個人資料卡,圖標,進度條等,以及用於絕褲登錄和注冊的預建頁面。