Soft_Job 板


LINE

假設要做若干個頁面 排版都是一模一樣的 只差在幾個內容不同 內容都是寫死的不會太常更動 我知道有3種做法 1.url帶參數 然後html事先挖洞 依照參數用js補進去 例如: <html> <body> <div id="money"></div> (略過引用jquery) <script> (得到資料) $("$money").append("100"); </script> </body> </html> 2.一樣url帶參數並直接空白html 完全使用補進去所有html <html> <body> (略過引用jquery) <script> (得到資料) $("body").append("<div id="money">100</div>"); </script> </body> </html> 3.一樣帶參數,內崁對應網頁並直接做網頁全部寫死 <html> <body> <div id="money">100</div> </body> </html> 一般來說專案要用哪一種比較適當 我想問分別小型專案跟大型專案分別來說? --



※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.240.102.245
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1539980389.A.306.html
1F:推 neo5277: 這種我會想用一 10/20 04:23
可以說明為何嗎? 另外洞會挖很多個喔大約二三十個地方 ※ 編輯: iamsheep (111.240.102.245), 10/20/2018 04:29:34
2F:→ neo5277: 很多喔? 很多就不建議 維護起太麻煩了.. 10/20 05:18
3F:→ neo5277: 頻率是每個都很高嗎?變動得話? 10/20 05:19
4F:→ neo5277: 如果是只有click才做動那一感覺還可以 10/20 05:21
5F:推 neo5277: 啊如果頻率很高就還是用個前端框架做成一個個compoment 10/20 05:28
6F:→ neo5277: 綁定各塊的資料api好了 10/20 05:29
7F:推 Nonsense8: 小型選1 大型選vue 10/20 06:32
8F:推 doranako: framework有支援樣板就用樣板,樣板可以從後端帶變數r 10/20 09:18
9F:→ doranako: ender成ui 10/20 09:18
10F:推 madhi: 1. 但別用jquery. 用三大框架的話半天收工 10/20 10:04
11F:→ madhi: 另外真的別這樣問問題. 講情境就好 這三個作法看起來都學 10/20 10:05
12F:→ madhi: 生等級的 10/20 10:05
13F:→ madhi: 講出來要我們選也很怪 10/20 10:06
14F:推 windclara: 用VUE吧。上手快也容易解決。只是考慮SEO的話,要了解 10/20 10:17
15F:→ windclara: 一下SSR 10/20 10:17
16F:推 pttuser2266: 3, 做法 一個 html layout + 若干個 template +若干 10/20 14:32
17F:→ pttuser2266: 個 data , 産生若干個完整 html 頁面, 新增頁面只要 10/20 14:32
18F:→ pttuser2266: 加 新的 data 10/20 14:32
19F:→ pttuser2266: 優點: 沒有 seo 問題,不用 server side 處理 10/20 14:41
20F:推 jichey: 靜態模板要好維護好擴充的話,關鍵字staticgen。next.js 10/20 14:47
21F:→ jichey: gastby nuxt.js 10/20 14:47
22F:推 jichey: 你的需求不長變動資料,只要利用上面的框架產生靜態html 10/20 14:56
23F:→ jichey: 即可,也不會有SSR問題 10/20 14:56
24F:推 jherk: nextjs 10/20 16:36
25F:→ BlueBird5566: 習慣用1 覺得2不好維護 10/22 19:52







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