作者iamsheep (??)
看板Soft_Job
標題[請益] 哪種做法比較好?
時間Sat Oct 20 04:19:46 2018
假設要做若干個頁面 排版都是一模一樣的
只差在幾個內容不同
內容都是寫死的不會太常更動
我知道有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