作者BF109Pilot (德军王牌飞行员)
看板Ajax
标题[问题] 请问关於把网页元件跟JS模组化
时间Wed Nov 13 13:26:06 2013
小弟正在用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
1F:推 turtleknight:requireJS? 11/13 14:43
2F:推 tomap41017:推楼上 11/13 15:18
4F:→ BF109Pilot:感谢楼上们 可是我需要把整个能独立运作的网页载进来 11/13 17:34
5F:→ BF109Pilot:requireJS是不是只能处理js啊??? 11/13 17:36
6F:→ BF109Pilot:还是说我只能去爬网页 把重复的元件(如banner去掉) 11/13 17:37
7F:→ BF109Pilot:然後把需要但还没载入的.js给getScript()进来?? 11/13 17:38
8F:→ mmis1000:那乾脆用iframe呢?parent物件代表母页框 11/13 18:26
9F:推 turtleknight:那就用angularjs service/factory +nginclude/ngview 11/13 20:58
10F:→ lyforever:jquery load partial才会挡js 11/13 23:03
11F:→ lyforever:可以用jquery load 处理module的html, requrejs处理js 11/13 23:03
12F:→ jokester:载"能独立运作的网页"可以用iframe,但这样就更多东西要载 11/14 14:29