JS雜談系列-js的認識和js相關技術的瞭解

其實這篇博客應該是在講js以前寫的，如今算是補上的內容吧，我寫的都是本身瞭解的，可不是憑空捏造，固然不少會記不清，錯了及時提出啊！我寫的時候也是寫有用的，不會寫一點子扯淡的玩意，像什麼js那年有的，誰寫的這些，咱們尊重創造者，不過用人家以前先提人家一次拿就是有點愚蠢了！

1.js的認識

只要是作web，你們即便不會用js，也會據說過js，js是鬆散性的語言，寫法不用很是的嚴格，js包含三部分：dom，bom和ecmascript。dom和bom咱們已經介紹過了，

dom：http://my.oschina.net/u/2352644/blog/489384 

bom：http://my.oschina.net/u/2352644/blog/490636 

es尚未介紹到，其實es纔是最最重要的，咱們用dom作實例的時候，建立變量，使用for循環，if判斷這些都是es的語法，沒有es，dom和bom就真的low掉了，項目開始的核心是語言，語言的核心就是函數，es可能須要過好久纔會把博客補充上吧，近期要忙着換工做了，哈哈哈，換了工做確定忙啊，新地方狠狠的表現，能推倒明年寫了。不過除了es，對js相關的ui框架（jqui，bootstrap）和js類庫（zepto.js）很快就介紹到了，還有es的核心函數也會寫一篇內容。

2.js的類庫

類這個概念，對於瞭解語言的都不陌生，java，php都有，不過js並無真正的類，js的類是經過構造函數模擬產生的類，

什麼是構造函數，去看個人博客，對js函數的介紹。

咱們一直在開發中就在使用類庫，jquery就是js的類庫，而且幾乎成爲網站開始必不可少的了，類庫的做用就是快速開發，js咱們知道存在大量的兼容問題，咱們學習dom就深深體會到了，各類能力檢測的處理，類庫爲咱們處理了這些問題，咱們能夠少些不少的代碼，調用jq寫好的接口就行了，對開發速度起了很重要做用，若是不讓你用jq，你以爲開發項目什麼感受？

js的類庫除了咱們最熟悉的jq，其實還有不少的，像mootools，zepto，extjs等，每一款類庫都有本身的優勢和缺點，等咱們都瞭解了，就會經過經驗知道這個項目要用什麼！

我說過了，js的類就是構造函數模擬產生的，js的構造函數代碼

function Sha(name,sex){

this.name=name;

this.sex=sex;

},

咱們比較普通函數，看見了this，咱們如今知道模樣就行了。

3.js的插件

類庫插件傻傻分不清，咱們項目中會經常用到大量基於jq的插件，如焦點圖，日期，表單驗證等，一樣咱們不基於jq，基於js也是能夠開發的，我這裏的插件介紹，主要指代基於jq的擴展了，一切爲了經常使用開發瞭解嗎，插件和類庫做用差很少，都是爲了快速的開發，避免每次都是開車造輪子。

4.js相關技術，mv*框架

咱們已經介紹到一款很流行的mvc框架了，angular.js，咱們的項目，會大量運用ajax去處理數據，讓交互效果更好，每次都去寫ajax，而後綁定在標籤上，若是一個頁面有大量的這種處理，咱們會看到大篇幅的ajax的代碼，很是的混亂！

爲了讓結構更清晰，代碼更加的優雅整潔，一種綁入ajax數據和綁出數據到標籤的js功能類庫該出現了！

這種實現雙綁定的技術就是js的mvc框架流行的有anjular.js還有backbone.js，

anjular.js的介紹在這裏 http://my.oschina.net/u/2352644/blog/488777 

5.js相關技術，ui組件

咱們在開發中，可能缺乏了設計的環節，可是還但願本身的項目比較美觀，咱們就會迫切的但願，出現一款html+css+js都寫好的技術，這裏面把大量常用的頁面結構被定義好，咱們拖入須要的html標籤就出現很漂亮的樣子。

ui組件出現了，不論是html的結構仍是css的表現，仍是常見的js交互效果（彈出框，驗證，日期等），都只須要拖入指定的html和相應的處理屬性就自動完成。

UI組件咱們經常使用的有jqui，裏面的拖拽功能很是的強大。多設備的bootstrap，解決了css3響應式難寫問題，還有基於jq的

jq easy ui 主要用於後臺頁面，jq mobi 主要是手機頁面，還有很是強大的extjs等。

6.服務端js

用js作開發後臺的語言了，咱們之前覺不可能，不過到今天他的發展已經在領域中舉足輕重，nodejs這門單線程非阻塞的技術。

nodejs的安裝http://my.oschina.net/u/2352644/blog/487488 

nodejs採用js的語法，底層是c和c++，使用commmonjs規範，藉助nodejs咱們能夠構建所有基於js語法的項目。

7.Hybrid App（混合應用）開發

瞭解以前，咱們先認識與他相關的技術

webapp，這個這幾年非常流行，咱們作好的網站，經過轉化工具，能夠直接生成app這種軟件應用，經過html+css和js技術開發，咱們能夠試一試，把本身的web站打包成web app應用，web性能很是的差，不應你作的你去作，哎

百度的轉化webapp工具 http://siteapp.baidu.com/ 

nativeapp，本地app開發，也就是安卓就是用java，ios用ios的相關語言開發app了，與webapp相比，這個就比較麻煩了，一個app要用2中語言對2中平臺去實現，不過這個也是最多的，除了跨平臺，性能等其餘有絕對的優點

混雜app，這種技術處在上面2種性能之中，跨平臺不錯，性能也還能夠，這種開發技術把本地功能方法作了js的實現，也就是用js和本地語言作了映射。舉個例子，在ios裏面可能調用objapen是打開攝像頭，咱們作一個映射，js也封裝一個objopen方法，調用這個js的方法，就只內部連接到ios語言方法的處理，間接打開ios的攝像頭了。

對於混雜app，開發工具備hbuilder  phonegap salama等。

咱們學習了js能夠作頁面行爲層效果實現，能夠ajax的異步處理數據，能夠作服務端，能夠開發app，固然還有不少！！！！！！