作者: twaiho2003 時間: 2015-6-21 01:26 標題: 求推介 multi tab or multi page front-end framework
本帖最後由 twaiho2003 於 2015-6-21 01:59 編輯
我想搵一個support multi tab or multi page 的front-end framework, 因為宜家做緊的web app需要反應快,
宜家用緊jquery mobile, 雖然功能好齊全, 但係好難用
暫時知仲有angular material, bootstrap 都support multi tab, 但好似唔support multi page
我仲想搵多幾個比較下
作者: justlazy 時間: 2015-6-21 03:10
Angular 可以用 ngRoute + template，Single Page App 扮 multi-page。可以用 angular-ui-router 做 nested routes.
Bootstrap 最多係 CSS/styling framework，唔算係 frontend framework，所以佢都唔會有 router。
Angular Material 功能上類似 Bootstrap + boostrap.js，routing 都係要靠 Angular Core。
除左 Angular 之外暫時我只用 Ember.js。佢有個稱得上 full-featured 既 router，做 multi-page 非常簡單。
作者: twaiho2003 時間: 2015-6-21 16:05
回覆 2# justlazy
聽你咁講其實得兩大方向, angular同jquery 門派,
咁我繼續用jquery mobile, 做完後再用angular material 重寫, 比較下兩個先, 呢兩個ui framework 係親生仔.
另外, 例如APP STORE 有好多CATEGORY, 每個CATEGORY 又有一堆APP,
實情其實係點寫? 每個category 都開個page? 定係等user 揀到先render, 由頭到尾得個page?
作者: hihihi123hk 時間: 2015-6-21 16:46
回覆 justlazy
聽你咁講其實得兩大方向, angular同jquery 門派,
咁我繼續用jquery mobile, 做 ...
twaiho2003 發表於 2015-6-21 16:05
angular material 要 IE 10+
小心！ 睇 requirement 做人
到時要搞多 Fallback mode 就唔好喇
作者: twaiho2003 時間: 2015-6-21 17:04
回覆 4# hihihi123hk
主要做mobile, 唔怕ie
作者: gamezz 時間: 2015-6-21 23:38
回復 1 #twaiho2003
真係第一次聽話jqm難用，我覺得很好用，雖然好多野要自己寫，但我反而覺得彈性太d。
via HKEPC Reader for Android
作者: gamezz 時間: 2015-6-21 23:42
回復 3 #twaiho2003
我會開定一版product list page, 一版product detail，然後display 時才gen html code落content div。
via HKEPC Reader for Android
作者: twaiho2003 時間: 2015-6-22 09:56
回覆 6# gamezz
因為做dynamic content , 每次改完野, 又要manual initialize, 要搵返果個widget 用咩method initialize果下麻煩
作者: wongfung 時間: 2015-6-22 10:08
回覆 justlazy
聽你咁講其實得兩大方向, angular同jquery 門派,
咁我繼續用jquery mobile, 做 ...
twaiho2003 發表於 2015-6-21 16:05
每個category 都開個page?
定係等user 揀到先render, 由頭到尾得個page?
如果所有pages嘅格式都一樣, 我建議用一個page, 唔係之後main嗰陣
作者: justlazy 時間: 2015-6-23 08:13
回覆 3# twaiho2003
如果咁分既話，我諗 Underscore.js 都係一個門派，對上有 [Backbone.js](http://backbonejs.org/)，再對上仲有其他多功能啲既 frameworks。
其實唯一唔用 jQuery 既 concern 係 performance。因為而家主要做 Responsive 既 web components，响電話既 webview 用 Angular，用 jQuery 用 jqLite 個效能分別係感覺到。
相對之下 Lo-Dash / Underscore 既 performance 會好啲，但係佢地對 DOM manupilation 無 jQuery 咁方便，反而係專注响 data structure，architecture 上面多啲。
由於用响 client side 既都可以叫 front-end framework，所以以上講過既所有 frameworks 廣義上都算數。但係用咩 framework 去實現咩功能就好睇 requirement。比如我會用 jQuery / Underscore / Lo-Dash 去做一個獨立既 demo，但唔會 bother 去 setup 一個 Angular / Ember envrionment 去搞一頁都唔夠既內容。我會用 Angular / Ember 去做一個完整既網頁、reusable components 等。效能要求高既我會用 Angular 去做，其他就 Ember。
至於 IE support，who cares? 我對客都係咁講
作者: justlazy 時間: 2015-6-23 08:19
回覆 3# twaiho2003
例如APP STORE 有好多CATEGORY, 每個CATEGORY 又有一堆APP, 實情其實係點寫?
通常用 template 黎做。响 MVC framework 既角度講就係 model (categories, apps) + views (categoryList, appList(categoryId), appDetail)。如果唔用 MVC frameworks，你要自己去諗點樣將你啲 models / data 擺落 DOM 度，其實都幾 tedious。
作者: twaiho2003 時間: 2015-6-23 17:20
回覆 11# justlazy
其實我係唔知幾時做, 我server side 係 node.js , 可以用template engine generate 每一個page, 但係怕好晒data,
或者可以係client side用JQUERY $("#div1").html() , user 揀到果個category, 先改果個page內容, 再顯示,
但係怕mobile做唔切, 會反應慢,
所以想問實際係點做,
作者: justlazy 時間: 2015-7-1 04:37
回覆 12# twaiho2003
呢個問題其實好多 project 都要面對，最出名可能係 twitter 响 2012 年決定由 client-side rendering 轉返做 server-side rendering。而最近比較多人關注既係 ember FastBoot，因為佢目的係取兩家所長，既有 server side rendering 既快，又有 client side 既 flexibility 同 interactivity。
係未有呢啲咁方便既 framework 出黎之前，你要自己衡量邊個負責做粗重野。我有一個 cordova app，有地圖有 tracking 有 multipage 有 multi-tab，全 client-side 用 angular 做，data 就 AJAX 攞 server，其實唔會慢。當然，你唔應該用 jQuery 去做 templating，因為佢唔係用黎做呢樣野，所以會慢。我呢個 cordova app 一開始做都有用 jQuery，最後發覺拎走用返 jqLite 係明顯快左。
平時一啲資料性既網頁，我就會將 templating 交比 server 做。亦都有唔少有 interactive 既頁面係結合兩種 template 一齊做，但真係好睇你自己點做舒服。
最後提返，Premature optimization 係原罪。當你見到有 performance issue 先去諗解決辦法其實唔遲。或者你可以做啲簡單既 proof of concept 實機試左啲容易賴野既位先。