Differences

This shows you the differences between two versions of the page.

--- protected:member:wnd2cyc [2014/03/09 09:29] – [Good Articles] wnd2cyc
+++ protected:member:wnd2cyc [2014/10/24 03:22] (current) – wnd2cyc
@@ Line 3: / Line 3: @@
 {{:protected:member:wonder.jpg?200|}}
-大家好，我是張遠哲，請多指教。
+Hi, I am Wonder. Nice to meet you.
-======Good Articles======
+[[private:wnd2cyc:merry management]]
-----
-Programming
-  - [[http://www.ruanyifeng.com/blog/2012/11/require_js.html|Javascript模組化技巧三部曲：模組化寫法 / AMD規範 / require.js用法]]
-  - [[http://book.nodejs.tw/|Node.js 台灣社群協作電子書]]
-  - [[http://www.saaraan.com/2013/05/chat-using-websocket-php-socket|Simple Chat Using WebSocket and PHP Socket]]
-  - [[http://pulipuli.blogspot.tw/2010/09/javascriptprototype.html|談JavaScript使用prototype實作物件導向的探討]]
-  - [[http://semver.org/lang/zh-TW/|語意化版本]]
-  - [[http://dreamerslab.com/blog/tw/npm-basic-commands/|npm基本指令]]
-  - [[http://alxhill.com/blog/articles/brunch-coffeescript-angular/|Brunch - A build system without the Grunt-work]]
-  - [[http://ihower.tw/rails3/assets-and-ajax.html|Assets資料夾的意義]]
-  - [[http://blog.wu-boy.com/2013/01/bower-is-a-package-manager-for-the-web/|Bower教學]]
-======Learning Notes======
-----
-[[https://github.com/clkao/angular-brunch-seed-livescript|angular-brunch-seed-livescript]]
-  * Window7 + VMware Player + Ubuntu跑下指令，須先安裝goole chrome, [[http://nodejs.org/|node.js]](從官網載別從github clone)，npm裡的coffee-script, LiveScript, brunch後，在安裝該套件(其中可能還有g++, ruby等等，缺啥就裝啥)，要不然可能都有error。
-[[http://d3js.org|D3 (Data-Driven Document)]]
-[[http://handlebarsjs.com/|Handlebars.js]] [[https://www.youtube.com/watch?v=uFytR93-PDc|教學影片(概要)]] [[https://www.youtube.com/watch?v=iPll5mi7u9I|教學影片(詳細)]]
-  * 像jquery一樣src__外部連handlebars.js__，直接連官網提供的handlebars.js網址需要把raw.github.com/...改成rawgithub.com/...才能跑。
-  * 在HTML__自訂template__裡將資料抽離用變數表示，將整個template丟進去Handlebars.compile做編譯，之後再把資料塞進編譯過後的template，依據變數名稱會自己找到value，而整個template就是一個資料都填好的HTML區段，而後印出整個template。
-  * 用javascript訂template，經由handlebars的javascript compile成可以用的template後，在把資料javascript呈現塞進，所有的事情都是javascript。
-  * template這樣寫 ''<script id="template" type-"text/x-handlebars-template"></script>''
-[[http://jade-lang.com/|Jade]]
- [[http://ithelp.ithome.com.tw/question/10094475|教學文章]]
-  * 簡化HTML tag寫法，寫好後由jade幫你編譯成真正的HTML格式。
-  * 靠縮排來表示tag的層次，最大特點是不用寫末端的tag。
-[[http://coffeescript.org/|CoffeeScript]]
-[[http://livescript.net/|LiveScript]]
-[[http://lesscss.org/|LESS]]
-[[http://lesscss.org/|Sass]]

User Tools

Site Tools

Differences

Page Tools