Be a F2E - part 1

最近真的開始想把一些 front-end 的技術學好 ( 雖然我本身還是個 back-end engineer )
所以在多餘的時間看了一些文件
整理一下囉

非常棒的 front-end 文件 前端工程開發實務
一位前 Y! F2E 大大寫的 ( 話說我在 2010 的 open hack day 看過他 ~ )

我目前才看到 HTML + CSS 的部分 …

用外部 CSS 的優點：

1. 樣式 ( css ) 和結構 ( html ) 可以徹底分離 = 好 maintain

2. 寫一次 css 就可以最用到多個網頁中

3. 外部檔案可以被 cache = 高效率

CSS Hack

background : blue;  All Browsers
background : purple \0;  IE9, IE8
background : pink \9;  IE6 ~ 8
*background : green;  IE6, IE7
_background : red;  IE6

然後之前有看良格葛的 Javascript 的教學

也有一些筆記

1. Javascript 的習慣是用單引號來定義字串，雙引號用於 html 

2. 變數只用來作為取得值或物件的參考

3. 沒有用 var 宣告變數會變成全域變數 global

var 宣告沒有區塊範圍  if ( ) {}

4. 除了0、NaN、''、null、undefined 是假的（false）之外，其它都是真的（true）。

5. 簡單來說，== 執行較寬鬆的比較，可允許型態轉換後的比較，=== 執行較嚴格的比較，型態必須相同才有可能為 true（當然 != 與 !== 則是相反的操作）

6. var obj = {

x = 10,

y = 20

}

存取物件可以用 obj.x  == obj['x']

7. for( var prop in obj ) {

print(prop + ' : ' + obj[prop])

}

使用 [] 運算子的場合之一 : 特性包含了空白、. 字元

8. Array 有 push & pop

array.push()

array.pop()

9. 匿名函式 ( Anonymous function )

(function(){

})();

10. 在 JavaScript 中，函式是物件，也是 Function 的實例