100個經典前端框架

A. 前端開發移動端有哪些

給大家介紹幾個移動端框架

1、Redbeard

TouchstoneJS是一個由react.js開發混合移動應用程序UI框架。它包括表單組件、導航、轉換、本地觸摸行為等等，還有更多的功能。

B. 前端ui框架排名

在前端項目開發過程中，現在很少有人會使用原生的CSS來搭建頁面，總歸都會引入一些前端UI框架以減少代碼的書寫。一般為了方便自己的使用，很多大公司都有自己的一套UI框架，同時也會把其開源出來。下面就是最近經常使用並且很流行的一些前端UI框架，總有一款適合你：

Mint UI

Flutter

Flutter 是谷歌的移動端 UI 框架，可在極短的時間內構建 Android 和 iOS 上高質量的原生級應用。 Flutter 可與現有代碼一起工作, 它被世界各地的開發者和組織使用, 並且 Flutter 是免費和開源的.

ionic

Ionic既是一個CSS框架也是一個Javascript UI庫,Ionic 是目前最有潛力的一款 HTML5 手機應用開發框架。通過 SASS 構建應用程序，它 提供了很多 UI 組件來幫助開發者開發強大的應用。 它使用 JavaScript MVVM 框架和 AngularJS 來增強應用。提供數據的雙向綁定，使用它成為 Web 和移動開發者的共同選擇。

C. 2021年，前端，移動開發，後端，我該選哪個

請先給出明確答復：推薦選前端開發，web前端可以說前途不可限量！

解釋原因：

1. 現在的Web前端技術可以說是越來越成熟了，Web前端市場也非常的火爆，Web前端人才也是異常的緊缺。再者，由於互聯網的崛起，Web前端技術的不斷發展，也占據了互聯網的一席之地。

   那為什麼說Web前端無可限量呢？國外著名的自媒體平台facebook，相信大家多多少少知道一點，也用過一點，它就是Web前端技術的產物，完全基於前端框架打造出來的平台。再者，大家常用的外賣平台餓了么，它旗下的部分產品就是基於Web前端技術的。像淘寶，網路，阿里等等，都已經將Web前端技術打入到了自己的產品中。

2. 前端開發行業薪資水平呈上漲趨勢，Web前端開發早已不是做帶動畫的下拉菜單的時代了，他們已成為互聯網主宰者，各行業都用其開發互聯網應用。但目前整互聯網行業的Web前端開發工程師緊俏，企業正高薪求才，薪資待遇一漲再漲 ！

3. Web前端技術可以說是越來越成熟了，Web前端市場也非常的火爆，Web前端人才也是異常的緊缺。再者，Web前端行業也是無可限量。由於互聯網的崛起，Web前端技術的不斷發展，也占據了互聯網的一席之地。

4. Web前端開發工程師已經成為發展中的職業香饃饃。幾乎整個互聯網行業都缺Web前端工程師，無論是剛起步的創業公司，還是上市公司乃至巨頭，空缺一樣存在。優秀的Web前端工程師簡直比大熊貓還稀少。

有無解決辦法：所以，還是很推薦你學習web前端的；如果真的想學習，可以了解一下北京尚學堂，我們是專門做編程培訓的，擁有極其豐厚的師資力量，帶給你不一樣的學習體驗。分享一下前端的知識框架，希望對你有所幫助：

D. 前端開發框架有哪些

雖然現在vue、React和Angular很火，學習的人也越來越多，但是如果只是開發PC端項目，如果是一套比較成熟的技術方案，也未必不能用jquery。

這里推薦QUICK UI前端框架，QUICK UI不僅僅是一個前端框架，而是專門面向企業開發的一整套前端解決方案。包括基礎開發框架、100多種功能強大的UI控制項、幾十套精美的皮膚模板和近16萬字的開發文檔。而且它也同樣是前後端分離的開發方式（沒錯，即使不是數據驅動，jquery機制同樣也可以做到前後端分離）

趁這個機會介紹一下QUICK UI的幾個亮點吧。

1、它的表格組件一直被用戶譽為jquery中最好的表格，擁有良好的性能和兼容，包括實現跨行跨列的復雜表格、樹形表、父子表、即時編輯表格等近100項功能點

更多內容還是訪問UI Leader 中文官網吧：http://www.uileader.com

E. 網頁前端常用的庫或框架有哪些

bootstrap是twitter出的一款不錯的UI框架，或者與其說是框架不如說是類庫（lib），當然這里邊牽扯到一個「究竟什麼是框架什麼是類庫？」的問題，我們暫時不談。畢竟是有大公司背景的代碼堆，我覺得沒什麼「落伍」可言。
angular是前兩年之內突然火得一塌糊塗的一個fe框架，這個我覺得可以算的上是真正意義上的框架了，MVVM雙向綁定，包括它擁有足夠完善的社區、生態，甚至chrome上都有很多好用的相關插件（這一點可以說是佔了google出品的光），比較完整的大型項目都是可以考慮引入的。但如果你的網站只是做一些輕量級的東西，殺雞焉用宰牛刀吧我覺得。
backbone主要針對的MVC中的M層，至少我是這么理解的。對UI層它幾乎沒什麼太多的限制，一方面給出了coder自由度進行發揮，另一方面也等於在這方面框架本身對開發沒提供什麼太大的幫助。我覺得這更像是一個高手向的框架，另外對於underscore前端模板那一套東西，說實話作為一名php java啥都能寫的FE我始終覺得這套東西有那麼一種純JS工程師的一廂情願的意味。這是個人看法了，不一定準確，況且有人會搬出ajax動態渲染時 前端模板的作用來反駁我，別急著反駁，至少往下看完我說的話。
相比之下，react可以說是一個在MVC中V層做的十分出色和新穎的框架了，獨特的jsx編譯機制就已經讓你的代碼變得高大上了，我是覺得這個類庫在UI層做的更徹底更專業，或者說讓FE的代碼更專業了。更何況，react比angular更年輕，而且同樣擁有大公司背景，react native一出更是讓JS工程師的地位取得了革命性的提升，（不要跟我提phonegap，用過兩個東西後你會明白，react打包的app性能甩phonegap幾條街沒問題）。另外既然樓主提到了之前的網站是bootstrap，不妨可以看一看react-bootstrap這個東西，或許這就是你想要的。

F. 前端架構需要看哪些書籍

初級讀物

《JS高級程序設計》：一本非常完整的經典入門書籍，被譽為JS聖經之一，詳解的非常詳細，最新版第三版已經發布了，建議購買。

《JS王者歸來》網路的一個Web開發項目經理寫的，作為初學者准備的入門級教程也不錯。

中級讀物

《JS權威指南》：另外一本JS聖經，講解的也非常詳細，屬於中級讀物，建議觀看。

《JS.The.Good.Parts》：Yahoo大牛，JS精神領袖Douglas Crockford的大作，雖然才100多頁，但是字字珠璣啊!強烈建議閱讀。

《高性能JS》：《JS高級程序設計》作者Nicholas C. Zakas的又一大作。

《Eloquent JS》：這本書才200多頁，非常短小，通過幾個非常經典的例子(艾米麗姨媽的貓、悲慘的隱士、模擬生態圈、推箱子游戲等等)來介紹JS方方面面的知識和應用方法。

高級讀物

《JSPatterns 》：書中介紹到了各種經典的模式，如構造函數、單例、工廠等等，值得學習。

《Pro.JS.Design.Patterns》：Apress出版社講解JS設計模式的書，非常不錯。

《DevelopingJSWeb Applications》：構建富應用的好書，針對MVC模式有較為深入的講解，同時也對一些流程的庫進行了講解。

《Developing Large Web Applications》：不僅有JS方面的介紹，還有CSS、HTML方面的介紹，但是介紹的內容卻都非常不錯，真正考慮到了一個大型的Web程序下，如何進行JS架構設計，值得一讀。

G. 求推薦一下關於Web前端的相關資料！

一）前端基本功

前端相關的基礎知識

• 《HTTP/3 來了 ！未來可期》

• 《你可能已經忽略的 git commit 規范》

• 《手寫一個 WebSocket 協議》

• 《5000字解析：前端五種跨平台技術》

• 《一篇搞定移動端適配》

• 《Chrome DevTools中的這些騷操作，你都知道嗎？》

• 《Chrome 運行時性能瓶頸分析》

• 《當瀏覽器全面禁用三方 Cookie》

• 《無形中提高工作效率的 Chrome 插件》

• 《還分不清 Cookie、Session、Token、JWT？》

• 《你連 HTTPS 原理都不懂，還講「中間人攻擊」？》

• 《npm install 原理分析》

• 《不容錯過的 Babel 7 知識匯總》

• 《一文搞懂 Web 中暗藏的密碼學》

• 《解讀HTTP/2與HTTP/3 的新特性》

CSS

• 《那些不常見，但卻非常實用的 CSS 屬性》

• 《面試官：你可以用純 CSS 判斷滑鼠進入的方向嗎？》

• 《二營長，快掏個CSS出來給我畫個井字棋游戲》

• 《CSS 故障藝術》

• 《我寫CSS的常用套路(附demo的效果實現與源碼）》

• 《來自新時代的 CSS》

• 《你還不會 CSS 動畫？》

JavaScript

• 《誰說前端不需要懂二進制》

• 《你不知道的 Blob》

• 《Javascript常用的 60 余種工具方法》

• 《你可以這樣優化 if-else 代碼結構》

• 《JS 圖片壓縮的實現思路》

• 《一個簡潔、有趣的無限下拉方案》

• 《請你實現一個大文件上傳和斷點續傳》

• 《從 ES6 到 ES10 的新特性萬字大總結》

• 《JavaScript 手寫代碼無敵秘籍》

TypeScript

• 《通俗易懂的 TypeScript 入門教程》

• 《用 TypeScript 編寫 React 的最佳實踐》

• 《一文讀懂 JS 裝飾器》

• 《你真的懂 Promise 嗎？》

• 《Typescript 那些好用的技巧》

• 《Typescript 嚴格模式有多嚴格？》

二）前端框架、工具、庫

React

• 《用 TypeScript 編寫 React 的最佳實踐》

• 《2020 年你應該知道的 React 庫》

• 《5 個技巧助你編寫更好的 React 代碼》

• 《10個案例讓你徹底理解React hooks的渲染邏輯》

• 《組件演進史：從Mixin到HOC，再到Hook》

Vue

• 《1.1萬字從零解讀Vue3.0源碼響應式系統》

• 《重頭來過的 Vue 3 帶來了什麼？》

Nodejs

• 《一杯茶的時間，上手 Node.js》

• 《深入理解 Node.js 進程與線程》

Deno

• 《Deno 會取代 Node.js 嗎？》

• 《了不起的 Deno 入門教程》

• 《推倒 Node 重做，Deno 1.0 來了》

Webpack

• 《一文搞懂 Webpack 多入口配置》

GraphQL

• 《GraphQL-前端開發的利劍與橋梁》

• 《GraphQL 入門看這篇就夠了》

• 《前端工程師應該了解的 GraphQL》

VS Code
《動圖演示11個必備 VS Code 插件》

三）面試題精選

• 《高頻前端面試題》

• 《吐血整理！再來一打 Webpack 面試題》

• 《前端同學經常忽視的一個 JavaScript 面試題》

• 《如何輕松拿到淘寶前端 offer》

• 《三年大廠面試官：二面題》

• 《十幾道含答案的大廠面試題總結》

• 《如何答一道驚艷面試官的數組去重問題？》

• 《10 個 CSS 高頻面試題，你都會嗎？》

• 《經常被面試官考的 JS 數據類型知識你真的懂嗎？》

• 《面試須知：瀏覽器相關原理詳細總結》

• 《2019 大齡前端如何准備面試？》

• 《2018 大廠高級前端面試題匯總》

四）前端開發的職業修煉

• 《前端如何在項目中做出亮點》

• 《Facebook 前端技術棧重構分享》

• 《當前端基建任務落到你身上，該如何推動協作？》

• 《使用 docker 高效部署你的前端應用》

• 《關於前端學習路線的一些建議》

• 《各種場景喚起 App 的騷操作》

• 《Web 視頻播放前前後後那些事》

• 《你必須要注意的依賴安全漏洞》

• 《從 12.67s 到 1.06s 的網站性能優化實戰》

• 《網易雲音樂前端性能監控實踐》

• 《一個阿里前端工程師的成長之路》

• 《非常全面的前端協作規范》

• 《一名合格前端工程師的自檢清單》

• 《從 0 到 1 再到 100：搭建、編寫、構建一個前端項目》

希望對你有用，望採納~

H. 前端開發框架有哪些

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

1、vue-element-admin

一個基於vue2.0和Element的控制面板UI框架，這是使用vue技術棧開發的前端程序員的首選管理系統模板，模板已經非常成熟了，並且有相關的社區和維護人員，開發時候遇到問題也不要慌。

2、AdminLTE

非常流行的基於Bootstrap 3.x的免費的後台UI框架，這是一個非常老牌的後台管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手用來做項目。

3、ant-design-pro

這個就不多說了，選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開啟復制粘貼模式哦。

4、ng2-admin

這是基於Angular 2、Bootstrap 4和webpack的後台管理面板框架，要收前面已經有了React和vue技術棧的模板，那怎麼能少了ng的？雖然在國外用的比較多，國內較少使用，但絲毫不影響ng作為前端框架三巨頭之一的地位。

9：material-dashboard

基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material

Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案，基於 vue.js 和 ElementUI 的管理系統前端解決方案 ，小於 60kb的本地首屏 js 載入,已經做好大部分項目前期准備工作

11：vuestic-admin

vuestic-admin管理台儀表盤是一個響應式的儀表盤模板，採用Bootstrap4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用於登錄和注冊的預建頁面。

I. web課程裡面會學習到哪幾種框架呢

這里整理了一份系統全面的web前端學習路線，框架的相關內容在第三階段，希望可以幫到你~

第一階段：專業核心基礎

階段目標：

1. 熟練掌握HTML5、CSS3、Less、Sass、響應書布局、移動端開發。

2. 熟練運用HTML+CSS特性完成頁面布局。

4. 熟練應用CSS3技術，動畫、彈性盒模型設計。

5. 熟練完成移動端頁面的設計。

6. 熟練運用所學知識仿製任意Web網站。

7. 能綜合運用所學知識完成網頁設計實戰。

知識點：

1、Web前端開發環境，HTML常用標簽，表單元素，Table布局，CSS樣式表，DIV+CSS布局。熟練運用HTML和CSS樣式屬性完成頁面的布局和美化，能夠仿製任意網站的前端頁面實現。

2、CSS3選擇器、偽類、過渡、變換、動畫、字體圖標、彈性盒模型、響應式布局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端，整理網頁開發技巧。

3、預編譯css技術：less、sass基礎知識、以及插件的運用、BootStrap源碼分析。能夠熟練使用 less、sass完成項目開發，深入了解BootStrap。

4、使用HTML、CSS、LESS、SASS等技術完成網頁項目實戰。通過項目掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。

第二階段：Web後台技術

階段目標:

1. 了解JavaScript的發展歷史、掌握Node環境搭建及npm使用。

2. 熟練掌握JavaScript的基本數據類型和變數的概念。

3. 熟練掌握JavaScript中的運算符使用。

4. 深入理解分之結構語句和循環語句。

5. 熟練使用數組來完成各種練習。

6.熟悉es6的語法、熟練掌握JavaScript面向對象編程。

7.DOM和BOM實戰練習和H5新特性和協議的學習。

知識點：

1、軟體開發流程、演算法、變數、數據類型、分之語句、循環語句、數組和函數。熟練運用JavaScript的知識完成各種練習。

2、JavaScript面向對象基礎、異常處理機制、常見對象api，js的兼容性、ES6新特性。熟練掌握JavaScript面向對象的開發以及掌握es6中的重要內容。

3、BOM操作和DOM操作。熟練使用BOM的各種對象、熟練操作DOM的對象。

4、h5相關api、canvas、ajax、數據模擬、touch事件、mockjs。熟練使用所學知識來完成網站項目開發。

第三階段：資料庫和框架實戰

階段目標：

1. 綜合運用Web前端技術進行頁面布局與美化。

2. 綜合運用Web前端開發框架進行Web系統開發。

3. 熟練掌握Mysql、Mongodb資料庫的發開。

4. 熟練掌握vue.js、webpack、elementui等前端框技術。

5. 熟練運用Node.js開發後台應用程序。

6. 對Restful，Ajax，JSON，開發過程有深入的理解,掌握git的基本技能。

知識點：

1、資料庫知識，範式，MySQL配置，命令，建庫建表，數據的增刪改查，mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理，為Node.js後台開發打下堅實基礎。

2、模塊系統，函數，路由，全局對象，文件系統，請求處理，Web模塊，Express框架，MySQL資料庫處理，RestfulAPI，文件上傳等。熟練運用Node.js運行環境和後台開發框架完成Web系統的後台開發。

3、vue的組件、生命周期、路由、組件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高級功能完成Web前端開發和組件開發，對MVVM模式有深刻理解。

4、需求分析，資料庫設計，後台開發，使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，實現整站項目完整功能並上線發布。

第四階段：移動端和微信實戰

階段目標：

1.熟練掌握React.js框架，熟練使用React.js完成開發。

2.掌握移動端開發原理，理解原生開發和混合開發。

3.熟練使用react-native和Flutter框架完成移動端開發。

4.掌握微信小程序以及了解支付寶小程序的開發。

5.完成大型電商項目開發。

知識點：

1、React面向組件編程、表單數據、組件通信、監聽、聲明周期、路由、Rex基本概念。練使用react完成項目開發、掌握Rex中的非同步解決方案Saga。

2、react-native、開發工具、視圖與渲染、api操作、Flutter環境搭建、路由、ListView組件、網路請求、打包。練掌握react-native和Flutter框架，並分別使用react-native和Flutter分別能開發移動端項目。

3、微信小程序基本介紹、開發工具、視圖與渲染、api操作、支付寶小程序的入門和api學習。掌握微信小程序開發了解支付寶小程序。

4、大型購物網站實戰，整個項目前後端分離開發；整個項目分為四部分：PC端網頁、移動端APP、小程序、後台管理。團隊協作開發，使用git進行版本控制。目期間可以擴展Three.js 、TypeScript。

J. 前端常用的框架有哪些

web前端的主流框架，下面，我具體給你介紹一下：
1、Angular：Angular是一款優秀的前端JS框架，Angular有著諸多特性，最為核心的是MVW（Model-View-Whatever）、模塊化、自動化雙向數據綁定、語義化標簽、依賴注入等等。Angular是一個比較完善的前端框架，包含服務，模板，數據雙向綁定，模塊化，路由，過濾器，依賴注入等所有功能，在自定義指令後可以在項目中多次使用。
2、React：React可以非常輕松地創建用戶交互界面。為你應用的每一個狀態設計簡潔的視圖，在數據改變時React也可以高效地更新渲染界面。React為你程序編寫獨立的模塊化UI組件，這樣當某個或某些組件出現問題是，可以方便地進行隔離。
3、Vue：近幾年最火的前端框架當屬Vue.js了，Vue.js是一個構建數據驅動的Web界面的漸進式框架。Vue.js的目標是通過盡可能簡單的API實現響應的數據綁定和組合的視圖組件。Vue對模塊很友好，可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
以上三個就是我給你介紹的關於web前端主流的框架，希望我的回答對你有所幫助