opensource project MANA

backbone.js

介紹參考 [ 原文 ]
 - Javascript MVC
 - companies such as Foursqure, linkedIn,
 - 4 種元素: Model, View, Router, Collection (即 array)
    - model: 儲存資料類別. 資料間可以相互存取
    - view: 似乎是針對一個事件, 作view的改變. 像是按了一個button, 轉到對應的畫面.
        從 Backbone.View.extend {} 進入:  initialize 是建構子; el 是 view 對應的 dom object;  event 則是 event handler; template 則是要 render (畫) view 時指定的 dom object.

[Q] 如何在 backbone.js 使用 requestAnimationFrame？
# https://gist.github.com/jsermeno/1020426



handlebar.js

參考介紹 [ 原文 ]

handlebar(.js) 跟 jade 一樣是 template engine, 主要目的為生成 template 處理以加速語意上的效率. 這邊的討論非常值得參考 [ 原文 ]
簡言之就是 jade 簡潔 但效能差 + 語法須學習. handlebar 就是一般 html + js.
此人的部落格挺有意思的，值得關注。
[ 補充 2014/08/02 ]
 1. 這裡說到真正的差別！主要還是 jade template 若要搬到 client 端去做, 主要最大的考量: compilation time,  file inclusion, lack of support.
目前看來在 client side 還是搬回去用 handlebar.js 作 template engine 較好.
2. 關於 this.el 與 this.$el 的差別！簡單說一個是 DOMElement 一個是 jQuery Object. 但同樣都可以執行 html() 可我用前者一直報錯. 真是太神奇了... orz
3. 若在 client side 由 handlebars(.js) 產生的變數, 如何將該變數傳給 CSS 使用.  這裡 建議使用 SASS 或 LESS (SASS: http://sass-lang.com/ or LESS: http://lesscss.org)





ajax 與 websocket 的比較
http://www.cnblogs.com/tingshuo/archive/2013/02/26/2933408.html


又遇到 navigate 時 routing path的問題.

給  app.navigate('')   ->  指到  routes = {'': 'somepath' };
給  app.navigate('/')  ->  並無指到　routes = {'/': 'somepath' };
給  app.navigate('//')  -> 指到  routes = { '*path': main };  [LOOP!!!]


bootstrap(.js)
http://www.icoding.co/2013/04/%E4%B8%8D%E5%8F%AA%E6%9C%83%E7%94%A8-bootstrap-%E6%9B%B4%E8%A6%81%E6%9C%83%E5%AE%A2%E5%88%B6%E5%8C%96-bootstrap
提供 RWD (Responsive Web Design) 的完整解決方案！非常值得一讀.
另外關於 RWD 的資訊介紹
http://nowills.blogspot.jp/2013/04/rwd-rwd.html

requestAutoComplete
http://www.html5rocks.com/en/tutorials/forms/requestautocomplete/
google 的一個開源, 主要是關於 web 的 localization 管理. 似乎他可以無縫接合? 值得關注.

昨天只為了要增加帳密, 使用一個開源 everyhash 結果花了我兩天的時間... orz 不過也同時 express 升級為 4.0. 只能說 4.0 跟 3.0版本改很大, middleware 先前都不太注意, 直到在使用碰到 redirect 時碰到需要改寫 headers 就給我報錯. 另外 everyhash 所儲存的 login /password 也不是照他官方說的存在 req or req.session 物件裡頭, 真的有得纏了...