台灣最大程式設計社群網站
線上人數
720
 
會員總數:243161
討論主題:187981
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> (問) 用 JS 建構 html 的優缺點
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
(問) 用 JS 建構 html 的優缺點
價值 : 20 QP  點閱數:373 回應數:4

樓主

底迪
門外漢
0 13
212 15
發送站內信

各位前輩好:

關於這個問題我 google 了一下,但可能關鍵字不對,查不到想要的答案,故上來發問了一下

看過不少前端開發的前輩都喜歡用 js 來創建 html,有些甚至可以在 html 裡寫出的,也會用 js 來建,
所以想問這樣用 js 來創建 html 的優缺有哪些呢?

感謝前輩們不吝指教!

ps: 只談一樣可以用 html 來寫的,不談那些有變化動態產生之類的

搜尋相關Tags的文章: [ html ] , [ js ] ,
本篇文章發表於2017-12-28 11:32
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
最有價值解答

小魚
檢舉此回應
應該是直接引入就可以用了吧,
有點像物件導向的概念.
本篇文章回覆於2017-12-28 12:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

迷路
捐贈 VP 給 迷路 檢舉此回應
另外,這能在一定程度上防止外行人偷版型
還有,讓菜鳥接手維護的門檻變高
對網頁本身或是搜尋排名都沒有實質的幫助
但是對製作者可能有隱型的好處
本篇文章回覆於2017-12-29 09:32
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

底迪
檢舉此回應
感謝兩位前輩的回覆

整理一下後優缺分別是
優點:
1. 隱藏版型,不讓人簡單一眼就看出結構。
2. 可直接套入引用。
缺點:
1. 對 SEO 沒有幫助。
2. 新人接手有一定的難度。
本篇文章回覆於2017-12-29 18:06
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
大致上可以告訴你的情況如下

優點:
1.上面有說到,比較不容易被載取資料跟版型。
2.用戶體驗感會比較好,不會有閃白的問題。
3.預載html的方式,可以做出一些特殊的效果。(雖然你說這部份不用討論了)

缺點:
1.樣版設計上會比較有困難點,不容易直覺。有全工人員的話一定會幹洨(除非是整頁式的)
2.對於seo跟搜尋排名不會比較好。(雖然可以用站點地圖靜態頁來解決)
3.瀏覽器的ram用量會比較大,也很容易造成崩潰。
(雖然依目前的電腦來說,比較不會有這樣的情況,而且這也只對有定時更換html的情況才有可能發生)
4.除錯不容易。
5.這是比較嚴重的重點。就是有關於js控制上,會需要特別的處理才行。

其實目前開發的東西,大多數會比較偏向資料表格式的建立方式。
一般這又區分為,
1.取資料後,再用新增dom元件的處理方式
2.直接取產生好的html替代。

其這樣區分的方式也只是為了ram用量的處理。(當然這大多是定時取資料的網頁才需要考量的)
如果是那種只是在打開網頁就額外取出的模式。就無需擔心ram用量的問題。

總結:
一般來說,會採用js處理html的方式,大多數而言都是為了用戶體驗問題為重。
就程式員而言,這樣的方式並不是很好的方式。會增加開發的難度。
可是為何還是有人會想要用這樣的開發方式。
真正來說一切都是為了用戶體驗感為主了。

所以,如果你真正的目的是想問效能問題的話。那一定是就內而言。js來創建html的效能一定會比較不好的。
(畢竟多做一次工啊)
但就在用戶體驗來說,用js創建html。他會感覺到比直接產生的方式還要快的錯覺感。
這就是為了用戶體驗感
本篇文章回覆於2017-12-29 18:17
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.