Tools – HTML, JS, CSS

http://www.layoutit.com/build

http://jsfiddle.net/

http://css-tricks.com/

 

Node.js – 使用node-inspector來debug

1. 先安裝好node-inspector: npm install node-inspector
2. debug有兩種方式: 執行以下任一種
node —debug[=port] filename: 這種方式會以指定port(預設5858)監聽使用者的動作
node —debug-brk[=port] filename: 這種方式會直接在第一行停住
3. 接著再執行node-inspector &,就會出現http://0.0.0.0:8080/debug?port=5858 to start debugging訊息
再進去http://0.0.0.0:8080/debug?port=5858就可以debug了

Node.js – exports vs module.exports

http://ycavatars.blogspot.tw/2013/05/moduleexportsexports.html

結論就是: 寫一個自己的物件想給別人用 -> 用module.exports = {…};
用既有的module只是要擴充方法 -> 用exports.myFun = function(){…}

Android – phonegap開發android app

Android模擬器上網:
方法一:[Run] -> [Run Configurations] -> [Android Application] -> [Your Project Name] -> [Target]
Additional Emulator Command Line Options 填寫 -dns-server 8.8.8.8,8.8.4.4 即可
方法二:[window] -> [Preference] -> [General] -> [Network connections]
把 Active Provider 從 Native 改成 Direct 就可以正常上網

[Android] Android 學習筆記:啟用模擬器的硬體加速

配置android模擬器加速(虛擬化加速)

[PhoneGap] 第一次開發PhoneGap教學筆記

PhoneGap包裝HTML文件為Android App

在移动设备上调试 PhoneGap 程序

How to easily debug websites on mobile devices with “Weinre”

http://debug.phonegap.com/

Apache Cordova Documentation

Quick Start Guide to PhoneGap+AngularJS

AngularJS – angular.Module常用API

以下介紹angular.Module幾個常用的API,更多方法請至官網查看:http://docs.angularjs.org/api/angular.module

A. angular.module: 給前端ng-app用的模組產生器函數。用法:angular.module(name[, requires], configFn); 回傳值:angular.Module

PS: [requires]通常包括:’name.filters’, ‘name.services’, ‘name.directives’

B. angular.Module API介紹:

1.config(configFn): 設定時期的函數區塊configFn(injectables)。injectables是一些provider, 例如: $routeProvider

2.run(initializationFn): 所有module都載入後初始的執行區塊initializationFn(injectables)。 injectables是一些變數, 例如: $rootScope

3.value(name, object): 設定service的key-value。例如: value(‘version’, ‘0.1’)

4.factory(name, providerFunction): 跟service方法類似,但可以回傳更複雜的Object。例如: factory(‘getNum’, function(){return 123;})

5.filter(name, filterFactory): 專門做過濾的factory類型,用|接前端的param變數。例如:app.filter(‘greet’, function() {

return function(param) {
return ‘Hello, ‘ + param+ ‘!’;
};

});

6.directive(name, directiveFactory): 用法見之前文章

Configuration Blocks: (一般config的縮寫)

  1. angular.module(‘myModule’, []).
  2. value(‘a’, 123).
  3. factory(‘a’, function() { return 123; }).
  4. directive(‘directiveName’, …).
  5. filter(‘filterName’, …);
  6. // is same as
  7. angular.module(‘myModule’, []).
  8. config(function($provide, $compileProvider, $filterProvider) {
  9. $provide.value(‘a’, 123);
  10. $provide.factory(‘a’, function() { return 123; });
  11. $compileProvider.directive(‘directiveName’, …);
  12. $filterProvider.register(‘filterName’, …);
  13. });

factory, service, provider(value) 之間的差異

http://stackoverflow.com/questions/16565105/angularjs-what-is-difference-of-creating-service-method-between-module-service-a