前端技術之淺見

這兩年全棧很火，因而看了些前端的技術，這裏以本身對前端的理解作一個總結，讓本身有一個更清晰的認識。

前端發展到如今，首先要說的就是node，node也叫node.js，語言不是一門新語言，而思想是頗有顛覆性的，把客戶端解析執行的js代碼移植到了後臺執行，這源於它的單線程、異步IO和事件驅動這三大特性，一般應用程序的操做包括網絡操做和文件操做，node的出現能夠更好的解決IO併發，非阻塞的處理機制讓工做流運行的很是完美，並且V8引擎執行js速度很是快，這也必定程度上提高了用戶體驗，愈來愈多的人使用chrome，下圖百度對瀏覽器近三個月的統計（圖一），我記得一年前chrome的份額不到30%，一年增加了10%，增加速度很快，ES6的發佈，使得chrome性能體驗又一個提高。

　　圖一

這裏總結node由於node很是的優秀，正因如此，不少的前端框架都提供了node下載的方式，能夠經過npm install進行安裝。

前端的發展偏向於移動端的發展，愈來愈多的人使用移動設備接入網絡，移動端的發展一下涌入了不少的人才，固然也有不少的技術，app開發模式分爲web app、native app和混合開發模式，綜合三種方式的優缺點，混合開發模式也是比較流行的，混合模式說白了，就是使用一些框架開發，而後經過phonegap或者cordova進行打包，能夠打包成web版本、Android版本和IOS版本等，終於說到重點了，今天總結下html5的框架。

htm5框架很是的多，真的是眼花繚亂，究竟選擇使用哪種，很讓人頭疼，因此說，技術解決方案多了也很煩，簡單總結下

Jquery Mobile，這個是Jquery官方提供的用於移動開發的框架，算是作的比較早的了，提供的部件比較全，並且有query的完美支持，我也實際用了一下，界面感觀還能夠，但與native app的體驗相差比較大，js和Jquery的js存在一些兼容性，在頁面跳轉時，它的實現方式是把跳轉頁面的body加載到當前頁面的body裏，用起來不是很爽，但小項目用起來沒有問題，若是整理一套兼容的Jquery Mobile和Jquery，上手仍是很是簡單的。

html+，這個是中國html5聯盟開發的框架，csdn在html+扮演着很是重要的角色，hbuilder高性能的開發工具的支持，內置emmet，使得開發效率大大提高，從感知體驗上這是比較接近native app的框架了，它有幾個很是優秀的特性，一個是支持原生api，官網說提供40萬api，一個是runtime的性能提高，它從內部作優化，運行效率變得更好，是很是值得推薦的。

mui，這個框架是開源的一個項目，從官方提供的資料來分析，也是比較穩定的，除提供一些基本的部件外，也還提供了一些app經常使用的側邊欄、輪播圖、下拉刷新、上拉加載等功能，直接使用就能夠，實際使用中，兼容性也是很是的不錯，值得你們一用。

reactnative，這個框架是全部框架中最接近native的了，由於從它的代碼設計上就是模塊化、對象的處理方式，其中包括css的處理，這種框架開發的app從視覺效果和體驗上和native app是同樣的，並且支持開發人員用java和Object-C寫的類，用這個框架開發app從視覺效果上無疑是最好的，可是對象的機制使得學習成本也是比較高的，須要一些java和Object-C的知識，同時要具有一些js高級和css3的知識。

ionic，這也是一個html5的框架，基於AngularJs，在此基礎上豐富了js和css，甚至是icon，感受上像是提供了一堆各類樣式、各類形狀的積木，用來搭建你想要的界面和佈局，這個框架沒有實際使用過，應該仍是很是不錯的。

總結了一些app開發的框架，再總結幾種js框架。

AngularJs，這是前端最火的框架了吧，雙向數據綁定，mvc的設計理念，讓每個頁面都對象化，用戶體驗獲得了很大提高，這項技術被google收購後，發展的愈來愈好，webstorm對其語法進行了比較好的支持，使用css3的flex對界面輕鬆佈局，再用AngularJs對數據作模塊初始化和綁定，有點相似模板。

Vue，這個框架是目前中文網址翻譯的最好的，由於這是一箇中國人建立的，雙向數據綁定，性能體驗也是很是的好，我的感受，Vue要比AngularJs的代碼看起來要舒服一些，定義data以及方法也是符合json規範的，做爲一個後臺開發人員，確實接受起來比較容易。

簡單總結，就有這麼多框架，每一種都是很是不錯的，固然還有不少，能力精力有限，沒有再去研究，我我的以爲在這個互聯網高速發展的今天，前端又是這麼的火，這些技術仍是都要「瞭解」下的，瞭解下每種技術的實現方式、思想和優缺點，掌握一兩種就能夠了，畢竟人的精力是有限的，相似這樣的技術發展太快，學無止境，衆多框架，歸其溯源，離不開html+css+js，最近翻了一下html的書，知道了htm這個擴展名的由來，知道了dom對象中使人不解的tbody的由來，瞭解了DTD文檔的意義，從這個角度來說，仍是要把基礎打牢，css3盒子模型和js高級，有了這些，前端框架或者是node的學習纔會事半功倍。