[問題] 請問關於把網頁元件跟JS模組化

看板Ajax作者 (德軍王牌飛行員)時間12年前 (2013/11/13 13:26), 編輯推噓4(408)
留言12則, 6人參與, 最新討論串1/1
小弟正在用html5弄一個線上影像處理的網站 程式本身是沒太大問題 但JS檔加起來太大了 用Closure Compiler壓過 也還是很大 這時就想把主要功能切割開成數個模組 比如說分成首頁 / 樣板區 / 素材匯入區 / 工作區 / 作品藝廊 / FB匯出區 等 都是可獨立運作的網頁 視需要再載入其他模組 而模組彼此間的溝通,就用自定事件的廣播跟偵聽來作 ㄧ開始我用JQuery.load() 把其他模組的弄進來 但發現load()會把 <script src="xx.js"></script> 給濾掉 只能載入DOM的部份 (直接把script寫在網頁裡面倒是可以跑,但顯然不宜這樣用XD) 去Stack Overflow看....很多人都說 先ajax進其他網頁 看裡面有哪些外部script的tag 然後再eval 但以前看一些書 都把eval視為洪水猛獸 說能不用就不用 還是說我應該另外用getScript()去載?? 請問有其他更合適的方法嗎?? 另外請教一下 像我這種模組化的需求 用什麼方法來做會比較好?? 還是有什麼framework可以用? 謝謝先<(_ _)> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 1.171.182.14

11/13 14:43, , 1F
requireJS?
11/13 14:43, 1F

11/13 15:18, , 2F
推樓上
11/13 15:18, 2F

11/13 15:27, , 3F

11/13 17:34, , 4F
感謝樓上們 可是我需要把整個能獨立運作的網頁載進來
11/13 17:34, 4F

11/13 17:36, , 5F
requireJS是不是只能處理js啊???
11/13 17:36, 5F

11/13 17:37, , 6F
還是說我只能去爬網頁 把重複的元件(如banner去掉)
11/13 17:37, 6F

11/13 17:38, , 7F
然後把需要但還沒載入的.js給getScript()進來??
11/13 17:38, 7F

11/13 18:26, , 8F
那乾脆用iframe呢?parent物件代表母頁框
11/13 18:26, 8F

11/13 20:58, , 9F
那就用angularjs service/factory +nginclude/ngview
11/13 20:58, 9F

11/13 23:03, , 10F
jquery load partial才會擋js
11/13 23:03, 10F

11/13 23:03, , 11F
可以用jquery load 處理module的html, requrejs處理js
11/13 23:03, 11F

11/14 14:29, , 12F
載"能獨立運作的網頁"可以用iframe,但這樣就更多東西要載
11/14 14:29, 12F
文章代碼(AID): #1IWmrn9- (Ajax)
文章代碼(AID): #1IWmrn9- (Ajax)