#web前端技術使用總結
前端技術使用總結
這是本人處女作,廢話不多說,希望是個新的起點。學了那麼一段時間的前端了,下面是對自己所認知(然而並不會)的前端知識點的一個小總結:前端的主要知識點有HTML、css、JavaScript…當然,這是廢話。下面要寫的是前端的一些框架(我認識的)的總結。據悉,當前web前端流行框架呈三足鼎立之勢,ta們分別是Angular.js、vue.js、react.js。
1、Angular.js
Angular 是一個開發平臺。它能幫你更輕鬆的構建 Web 應用。Angular集宣告式模板、依賴注入、端到端工具和一些最佳實踐於一身,為你解決開發方面的各種挑戰。Angular 為開發者提升構建Web、手機或桌面應用的能力。——(引用Angular官網的介紹)
對於angular,只是略知一二,還沒真正在實戰專案中使用過,不好做過多的評價和介紹,具體的學習與介紹可以前往Angular官方中文文件。從生活中的交流中得知,angular是比較適合做大型網站和管理系統的開發的。
結合一些常用的AngularJs框架可以愉快的進行前端各方面的開發工作,下面是一些常用的AngularJs框架:
- Angular UI Bootstrap(‘大眾開發’)
- Ionic(移動端混合開發)
- Mobile Angular UI(移動端開發)
- UI Grid(複雜的資料表格系統開發)
2、Vue.js
Vue (讀音 /vjuː/,類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層,不僅易於上手,還便於與第三方庫或既有專案整合。另一方面,當與現代化的工具鏈以及各種支援類庫結合使用時,Vue 也完全能夠為複雜的單頁應用提供驅動。——(引用vue.js官方文件的介紹)
Vue.js是我一年下來使用的最多的框架。總結就一句話,用起來很舒服。Vue.js給我的感覺就是入門成本低,文件很貼心,靈活易用,輕量級高效。這應該也是大多數人選中vue的原因吧。另一方面,在開發學習的過程遇到的問題,總能很輕易的在各大社群網站搜尋到滿意的解決方案,這是vue讓我越用越喜歡的原因。結合Vue2.0全家桶(vue+vue-router+vuex+axios+es6+sass)可以讓我們很順溜的進行各種開發工作。如果你被我的三言兩語吸引到了,大可移步Vue.js官方中文文件一探究竟哦。
另外,vue最常用的UI搭檔是Element UI,Element UI 主要是適用於pc端的開發,而vue移動端的開發框架也是挺豐富的。主要有:
1. vonic( 一個基於 vue.js 和 ionic 樣式的移動端 UI 框架)
2. vux(基於WeUI和Vue(2.x)開發的移動端UI元件庫)
3. Mint UI (由餓了麼前端團隊推出的 基於 Vue.js 的移動端元件庫)
4. Muse-UI(基於 Vue 2.0 和 Material Design 的 UI 元件庫)
更多Vue.js 的資源,可前往vue優選資源逛一下。。
3、react.js
關於react.js,瞭解的也不是很多。React 起源於 Facebook 的內部專案,大致有以下特點:
1.宣告式設計 −React採用宣告正規化,可以輕鬆描述應用。
2.高效 −React通過對DOM的模擬,最大限度地減少與DOM的互動。
3.靈活 −React可以與已知的庫或框架很好地配合。
4.JSX − JSX 是 JavaScript 語法的擴充套件。React 開發不一定使用 JSX ,但我們建議使用它。
5.元件 − 通過 React 構建元件,使得程式碼更加容易得到複用,能夠很好的應用在大專案的開發中。
6.單向響應的資料流 − React 實現了單向響應的資料流,從而減少了重複程式碼,這也是它為什麼比傳統資料繫結更簡單。——(菜鳥教程的介紹)
react個人印象最深的應該是虛擬DOM,大家都說操作DOM是前端最耗效能的行為,而react的虛擬DOM是這樣操作的:React會在記憶體中維護一個虛擬DOM樹,當我們對這個樹進行讀或寫的時候,實際上是對虛擬DOM進行的。當資料變化時,然後React會自動更新虛擬DOM,然後拿新的虛擬DOM和舊的虛擬DOM進行對比,找到有變更的部分,得出一個Patch,然後將這個Patch放到一個佇列裡,最終批量更新這些Patch到DOM中。
這樣的機制可以保證即便是根節點資料的變化,最終表現在DOM上的修改也只是受這個資料影響的部分,這樣可以保證非常高效的渲染。
另外,對於移動端的開發,據說React Native是個不錯的選擇。
React Native (簡稱RN)是Facebook於2015年4月開源的跨平臺移動應用開發框架,是Facebook早先開源的UI框架 React 在原生移動應用平臺的衍生產物,目前支援iOS和安卓兩大平臺。RN使用Javascript語言,類似於HTML的JSX,以及CSS來開發移動應用,因此熟悉Web前端開發的技術人員只需很少的學習就可以進入移動應用開發領域。——(引用百度百科的介紹)
O了,廢話就這麼多了。前端的水頗深,各種框架讓人眼花繚亂,更多的技術需要更多的時間去沉澱。處女作算是完成了,還是開頭那句,希望這是自己的新起點(假裝是是首尾呼應),更希望路過的大神啊大牛啊多多指教,文中說的不對或不好的地方,希望不吝賜教喲!
相關文章
- web 前端秋招總結(內附面經)|掘金技術徵文Web前端
- Java Web 會話技術總結JavaWeb會話
- 2018年前端技術總結前端
- WEB 實時推送技術的總結Web
- 前端技術演進(一):Web前端技術基礎前端Web
- 廣州牽引力總結web前端開發的核心技術是什麼Web前端
- 〔總結系列〕前端技術精華清單前端
- 如何提升web前端技術?Web前端
- Web前端是什麼?Web前端包括哪些技術?Web前端
- 3月web前端面試小結 | 掘金技術徵文Web前端面試
- 半年前端面試總結 | 掘金技術徵文前端面試
- 前端基礎 — Web事件總結前端Web事件
- web前端常用技術點001Web前端
- web前端技術Mongoose詳解Web前端Go
- 前端this使用總結前端
- web前端技術分享:使用react實現簡易路由Web前端React路由
- docker技術總結Docker
- BypassUAC技術總結
- CMake技術總結
- WPF技術總結
- web前端開發規範總結Web前端
- 深入分析 Java Web 技術內幕讀後總結JavaWeb
- Web前端十種常用的技術Web前端
- web前端必備技術有哪些?Web前端
- Web前端開發掌握的技術Web前端
- 2017前端面試題及答案總結|掘金技術徵文前端面試題
- 入門web前端需要掌握的技術Web前端
- 智慧控制技術總結
- docker技術總結(二)Docker
- 池化技術總結
- Web前端技術分享:網頁排版佈局常見問題彙總Web前端網頁
- 前端技術開發工具彙總前端
- 七年切圖仔如何面試大廠web前端?(溝通軟技能總結) | 掘金技術徵文面試Web前端
- web前端javascript+jquery知識點總結Web前端JavaScriptjQuery
- Web前端學習總結第四周Web前端
- 騰訊一面總結-web前端-2018.4.11Web前端
- 學不好Web前端的幾個原因總結!Web前端
- web前端培訓React效能優化總結Web前端React優化
- 使用 Sphinx 撰寫技術文件並生成 PDF 總結