Web_Design 板


LINE

最近有點厭倦每次POST資料後,還要想辦法重新產生上一次的表單狀態, 尤其遇到在前端用了大量js來改變表單欄位時,想要還原真的好麻煩。 所以想嘗試用 single page application 的方式來開發, 但是感覺跟傳統的方式有些差距,不知道該如何進行, 請問有什麼比較好的中文書在講 single page application 的開發技巧嗎? --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.37.223.148
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1422630732.A.414.html
1F:推 iamnodoubt: 我google中文沒找到,英文的找到一本,網路上資源xd 01/30 23:44
2F:→ iamnodoubt: 我接前人未完成的mobile website,感覺比較需要處理的 01/30 23:46
3F:→ iamnodoubt: 是hash,換頁也都只是頁面hide,show在控制,換頁前要把 01/30 23:48
4F:→ iamnodoubt: 頁面移到頂端,不然上面會被吃掉,我也不知道為什麼,我 01/30 23:49
5F:→ iamnodoubt: 覺得拿人家mobile網站來研究,或是研究jquery mobile 01/30 23:49
6F:→ iamnodoubt: 之類的for mobile framework,應該是不錯的方式 01/30 23:50
7F:→ iamnodoubt: 然後因為一次資料都loading進來,所以要多注意效能.. 01/30 23:51
中文書好像沒有看到,不知道要用什麼關鍵字去找,開發時可能有很多眉角要注意, 想說如果有本書參考可以避免走一些冤枉路,找了一些資料,想用 Ember.js 來開發。
8F:推 kyork: 基本上就是大量的ajax 01/31 01:35
9F:推 pm2001: single page 恢復頁面狀態不是更麻煩 01/31 19:08
舉例來說,如果一個form有很多用js動態產生的欄位,傳統方式post form之後就要想辦 法用server端或client端來重新產生送出前的那些欄位,如果改成SPA的方式之後,只要 用ajax送出form data,再把驗證結果送回來顯示在頁面上,沒有換頁不用重新產生欄位 ,這是我目前想到的,難道說我的如意算盤打錯了@@,還是大大指的是別的東西?
10F:推 mmis1000: 這就是為啥會有backbone之類的前端mvc存在阿 01/31 21:43
11F:→ mmis1000: 他可以提供一個簡單的方法來管理頁面狀態 01/31 21:43
※ 編輯: On1earth (114.37.223.148), 01/31/2015 21:47:50
12F:推 cyrandy: 雖然不是中文 但很推這本新書 http://ppt.cc/TlOv 你可以 02/02 08:55
13F:→ cyrandy: 把它當作用backbone.js當示範框架 學習基本SPA會需要處理 02/02 08:55
14F:→ cyrandy: 的問題的一本書 有概念之後也不一定要用Backbone.js開發 02/02 08:55
大大,圖片看不到 ※ 編輯: On1earth (114.37.212.71), 02/02/2015 20:44:30
15F:推 BignoZe: 樓上你貼的是影片-_- 02/02 22:09
16F:推 cyrandy: 抱歉縮網址怪怪的 書名是 Full Stack Web Development wi 02/03 08:37
17F:→ cyrandy: th Backbone.js 02/03 08:37
18F:推 cyrandy: http://oreil.ly/1CTRXbP 02/03 08:42
謝謝大大,我來參考看看。 ※ 編輯: On1earth (114.37.217.2), 02/04/2015 23:25:15







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Gossiping站內搜尋

TOP