Food & Coding: 2014

2014年11月24日星期一

[AngularJS] Directive Matching (屬性名稱辨識)

正規化處理程序

1. 把 element 或者 attribute 開頭的 x- 和 data- 都去掉。
2. 把用「:」、「-」、「_」隔開的名稱合在一起變成 camelCase 的形式。

範例

<div ng-controller="Controller">
  Hello <input ng-model='name'> <hr/>
  <span ng-bind="name"></span> <br/>
  <span ng:bind="name"></span> <br/>
  <span ng_bind="name"></span> <br/>
  <span data-ng-bind="name"></span> <br/>
  <span x-ng-bind="name"></span> <br/>
</div>

上面的每一行同樣都是使用 ngBind 的意思。

2014年10月27日星期一

[Coffeescript] Difference between with and without question mark in condition statements (判斷式中變數加不加問號的差別)

一般問號使用的時機為，如果有某物件則判斷某物件屬性 ... 等，像是

if obj?.value
  console.log "obj exists, obj.value exists, obj.value isn't 0 and obj.value isn't ''"

這邊則討論較為特別的使用情況：

console.log "obj.value? is true" if obj.value?
console.log "obj.value is true" if obj.value

以上兩行敘述，主要的差別在 obj.value 為 0 或者 "" 時會表現不一樣，

也就是情況一和二：

### Condition 1
obj =
  name: "aaa"
  value: 0

# obj.value? is true

### Condition 2
obj =
  name: "aaa"
  value: ""

# obj.value? is true

以下是兩者表現相同的情況：

### Condition 3
obj =
  name: "aaa"

# NO OUTPUT.

### Condition 4
obj =
  name: "aaa"
  value: null

# NO OUTPUT.

### Condition 5
obj =
  name: "aaa"
  value: {}

## obj.value? is true
## obj.value is true

### Condition 6
obj =
  name: "aaa"
  value: []

## obj.value? is true
## obj.value is true

轉成 Javascript 後比較清楚，分別為：

// if obj.value?
if(typeof value !== "undefined" && obj.value !== null) {
    console.log("obj.value? is true");
}

// if obj.value
if(obj.value) {
  console.log("obj.value is true");
}

2014年10月21日星期二

[宏觀] 談產品發展

在一個資源不充裕的情況下，產品有了開頭，之後開發中，還是必須持續地發想、持續地剖析、持續地詢問自己——當初的方向可行嗎？有沒有更好的路？這樣的東西是不是自己要的？夠好嗎？目前盡力了嗎？我把它當做什麼？是孩子、維生的工具甚或搖錢樹？階段怎麼定？考核點、成果可以量化嗎？

2014年11月24日 星期一

正規化處理程序

範例

2014年10月27日 星期一

這邊則討論較為特別的使用情況：

以上兩行敘述，主要的差別在 obj.value 為 0 或者 "" 時會表現不一樣，

也就是情況一和二：

以下是兩者表現相同的情況：

轉成 Javascript 後比較清楚，分別為：

2014年10月21日 星期二

2014年10月17日 星期五

資料型態簡單釋義

物件 (Object)

陣列 (Array)

當兩種型態皆可使用時，如何選擇？

2014年10月13日 星期一

2014年10月11日 星期六

多重網路連線

[].map(callback [, thisArg])

2014年10月5日 星期日

2014年10月3日 星期五

RemoteControlClient

2014年10月2日 星期四

新的 Android Runtime —— ART

2014年10月1日 星期三

2014年9月18日 星期四

預備知識

2014年9月17日 星期三

2014年8月19日 星期二

Header

2014年6月10日 星期二

一、設定權限

2014年5月23日 星期五

1. 登入 Google Blogger

2. 「範本」→「編輯 HTML」

2014年5月20日 星期二

1. 在 Android SDK Manager 中下載 Google Play services SDK。

2. 複製一份 Google Play services 的 library project 到你的 project 的所在資料夾下。

2014年4月30日 星期三

注意

環境

櫃檯兼料理食物區

2014年4月27日 星期日

2014年1月5日 星期日

2014年11月24日星期一

2014年10月27日星期一

2014年10月21日星期二

2014年10月17日星期五

2014年10月13日星期一

2014年10月11日星期六

2014年10月5日星期日

2014年10月3日星期五

2014年10月2日星期四

2014年10月1日星期三

2014年9月18日星期四

2014年9月17日星期三

2014年8月19日星期二

2014年6月10日星期二

2014年5月23日星期五

2014年5月20日星期二

2014年4月30日星期三

2014年4月27日星期日

2014年1月5日星期日