喝咖啡寫指令碼,順便再加一點點CSS文法糖 1.選擇環境

    經過對前端開發的初步瞭解,大體上發現了以下幾點,前端開發需要使用指令碼語言,主要是JavaScript,需要Html,需要CSS,這些東西相信很多人已經很熟了.但是僅僅只是學習一點簡單的JS,配合Html加CSS做幾個簡單的頁面,不是我們的主要目的.我們真正需要的,是一種全新的前端開發模式,當然這種模式還在發展當中,但好處是雛形已經漸漸顯露出來了.

    JS的一些天然的缺陷就不用說了,我們需要補完,補完第一步,就是喝咖啡,把JS變成一門真正的函數式程式設計語言,這才是我們想要的,為了讓味道好點,還要再加點少少的糖.這樣一杯美味咖啡就出來了.

    我們看看補完後的是什麼樣?大約就是從JS + Html + CSS 到 CS(CoffeeScript) + Html5 + Less.

    CoffeeScript是什麼?其實就是一個可編譯成JavaScript的指令碼語言,它和JS的差別就是,保留了JS良好部分,並補完了JS的函數式編程部分,把JS蘊藏的函數式編程小宇宙給爆發了出來,基本上,什麼Python, Ruby該有的它都有了.不該有的也有了(還沒深入瞭解,亂說的).當然,不止,它還提供了物件導向的功能,真是牛大了.

    Html5是什麼?Html5就是Html5.

    Less是什麼?一種 動態 樣式 語言.LESS 將 CSS 賦予了動態語言的特性，如 變數， 繼承， 運算， 函數. 簡單的來說,就是你的CSS動起來了,這一點對於一個不開發的前端來說沒什麼,但是對於一個程式員來說,那真是貢獻,可以象寫程式一樣寫CSS了.

    這套補完後的東西這麼強大,現在就來試試吧,先把環境搭起來.當然了,很可能你象本人一樣,又懶又急,下載,配置,測試,看說明,頭都大了.能不能一分鐘以後就用上?

    當然可以,我們先用上再說,直接用一個拿來就用的環境,如下:

    到http://runjs.cn,可以登入上,點"編輯器", 然後左側功能建立個代碼.現在是四個視窗.

    第一個,寫Html5

    第二個,在視窗浮動的CSS上單擊,選Less

    第三個,在視窗浮動的JavaScript上單擊,選CoffeeScript

    第四個,結果視窗

    看,前後沒超過一分鐘吧,可以開幹了.