RequireJS – RequireJS介紹

用途: 將JS模組化
官方網站: http://requirejs.org/docs/api.html

常用功能:
1.讀取套件後執行: require(dependencies, callback);
參數說明:
dependencies – [array] lib檔案路徑(不用加附檔名)
callback – [function] 讀取lib後執行的函數。function的參數為dependencies的return物件(按順序)
2.定義模組: define(id?, dependencies?, factory);
參數說明:
id – [string] 自訂之模組名稱(通常不寫,不寫表示與檔名相同)
dependencies – [array] lib檔案路徑(不用加附檔名)
factory – [function] function的參數為dependencies的return物件(按順序),最後要return一個物件,代表這個模組。

※與CommonJS的關係: CommonJS旨在模組化lib、建立不用瀏覽器也能執行JS的規範;RequireJS只實現CommonJS非同步載入JS模組(AMD)的部分。CommonJS的完整實現一般來說是NodeJS生態系。

廣告

[ChUI] 快速打造iOS like app

http://www.chocolatechip-ui.com/

http://www.appliness.com/getting-started-with-html-mobile-application-development-using-jquery-mobile-requirejs-and-backbonejs/

CSS – some useful style

.footer {
position: absolute;
bottom: 0;
height: 20px;
width: 100%;
}

.verticle-mid {
position: absolute;
top: 50%;
left: 50%;
height: 50px; /* always set absolute block’s height */
padding:180px 0px 0px 0px; /* or use padding to set height */
}

AngularJS – 一些不錯的教學

http://hamisme.blogspot.tw/search/label/AngularJS

http://www.thinkster.io/pick/GtaQ0oMGIl/a-better-way-to-learn-angularjs

http://todomvc.com/