iT邦幫忙

1

已解決OK了

小弟不才 最近研究前端的知識,希望版上的大大強者指教一下

今天跟同事分享一下 最近初步了解的SPA

然後同事表示 這東西用傳統的 HTML iframe標籤 不就可以實現

那想請問一下 傳統的 HTML iframe標籤 和 現代的 SPA 有什麼差別

先說我因為只是初步了解而已,所以還不熟,還請各位大大指教

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

7
dragonH
iT邦超人 5 級 ‧ 2019-07-30 19:55:15
最佳解答

所謂的 SPA

顧名思義

就是只有一頁

然後透過 js 來 render page

這東西用傳統的 HTML iframe標籤 不就可以實現

所以要看情況來選擇

並不是說一定要用 SPA 或 iframe

http post / get

dom selector

用 xhr 跟 js 也大概能做得到

只是大家還是很喜歡用 jquery XD


就像 player大 說的

你的頁面很簡單

當然可以用 iframe 寫就好

不過如果很複雜的話...

spa 會越來越受歡迎

我想應該是因為 ajax 越來越普遍的關係吧


看到你的 tag 有 vue

我覺得 vue 這類的 framework

更吸引人的是 data driven

也就是你的 view 是根據 data 來 render 的

codepen

這是我無聊在玩 vutify 的 component 時做的

可以看到我完全沒有寫任何 render view 的 code

只有寫一些簡單的查詢來變更 data

view 就會跟著 data 來 re-render

這如果用純 js 來寫...

當然也許很多類似的 lib 可以做到這些事

不過我想應該沒辦法像 vue 這類的 framework

這麼簡潔/images/emoticon/emoticon01.gif

1
player
iT邦大師 1 級 ‧ 2019-07-30 17:40:08

您要不要先看一遍維基百科對於SPA的解釋?
https://zh.wikipedia.org/wiki/%E5%8D%95%E9%A1%B5%E5%BA%94%E7%94%A8

個人以為
SPA是WebServer輸出時先輸出要顯示的模版框架
而實際要顯示的內容
則是透過AJAX或類似的技術讀取WebServer上的資料(有人使用JSON去接資料, 而不是用XML)
再從用戶端套用顯示的模版
藉以減少WebServer輸出的流量

你如果資料就只有一頁就能搞定的話
要做成傳統HTML直接塞進去
也不是不可以啦
SPA是用在資料量大的地方
例如需要做分頁的地方

player iT邦大師 1 級 ‧ 2019-07-30 17:55:23 檢舉

iframe 是放在HTML頁面的框架, 基本上它只能放網頁

甲土豆 iT邦新手 5 級 ‧ 2019-08-01 09:49:42 檢舉

疑!! 同學 不能用 AJAX 抓資料 ,傳給 iframe嗎

我要發表回答

立即登入回答