看板 Web_Design作者 purestone (天空之子)標題 [問題] 開發一個中小型網站用jquery或vuejs ?時間 Fri Mar 15 21:15:24 2019
從開始學寫web開始，就有人告訴我放棄jquery，用vuejs就好，但我總覺得
寫jquery比較直覺和簡單。
想問大家，如果只是寫個中小型網站，大家會用jquery 還是 vuejs？
--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.231.189.104
※ 文章代碼(AID): #1SYwLmdK (Web_Design)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1552655728.A.9D4.html
推 peanut97: 我2個都會，以前覺得 jquery 比較直覺。現在覺得 vue
可以控制狀態超爽！2F 03/15 21:44
推 shter: 用原生的語法寫就好了5F 03/16 01:29
→ konkonchou: 從開始學到現在，有自己的開發模式的話是最快
新的工具優點一直都有,但開發過程還是要求時效跟品質7F 03/16 01:56
推 pkro12345: 用vue 遇到需要的功能可以用jquery套10F 03/16 13:55
推 froce: 中小型用jQuery比較容易寫，但是維護會比較困難。
vue的話就得考慮到是不是有那個心力多處理前後端分離的開發我是覺得沒有要前後端分離，用vue這類的框架比較大材小用11F 03/16 14:20
推 satanbaby: 我現在用jQuery都用slim版14F 03/16 16:04
推 mmis1000: 你可以把 vue 當 jqeury 用，vue 不一定只能用來 spa
用 vue 來綁定事件跟更新畫面比 jquery 乾淨太多了15F 03/17 02:13
推 guest0710: 小案子 我會混在一起寫 大的用angular 別的不會XD
vue只用官網教學第一頁那些省掉操作dom的工...17F 03/17 02:41
推 pm2001: 用原生的無法理解 有現成的車子不用 還要自己造輪子19F 03/17 17:36
推 pkro12345: 不懂為何不用vue要在那邊原生js 重點是開發慢效能還比較慢20F 03/17 18:05
→ peanut97: 我懷疑推原生js 的都是在反諷22F 03/17 18:38
推 eight0: 為什麼樓上上說效能比較慢？23F 03/17 18:54
推 pkro12345: 寫原生js如果js寫得太差不懂得優化 效能就會非常低
一個監聽scroll事件然後要監聽多個以上的物件 每個人寫的方式都不同 這時候js有沒有寫好效能就差很多
然而使用很多套件都幫你解決這問題 也更好寫24F 03/17 19:59
推 pm2001: 真要說效能,你是要在網頁上跑多複雜的東西?使用者能感受嗎28F 03/17 20:12
→ pkro12345: 複不複雜看定義 複雜的話原生js寫得差使用者就有感受囉或許對工程師或網路好的人沒感覺 對使用者來說網頁要多花1秒開起來就有不少的用戶失去耐心而離開了
如果有方法可以寫更快效能又好 為何還要去造輪子?29F 03/17 20:19
推 eight0: 「寫得太差不懂得優化」用 Vue/jQuery 效能也會很低吧33F 03/17 22:04
→ pkro12345: 我那例子是指如果有別人已經寫好的scroll套件的話
vue的話在畫面渲染上就會很明顯了 同樣都是重新繪製
用原生js不外乎都是整個dom重繪 但用vue的話只會重繪有資料變動的部分而已 這方面用vue比自己寫原生js應該更快更輕鬆吧?34F 03/17 22:17
推 eight0: 用原生JS也可以不要重繪整頁呀39F 03/18 14:54
→ pkro12345: 可以阿 只是你還要慢慢寫判斷式 還要寫的效率不差40F 03/18 15:03
推 shter: 不覺得小型網頁用原生效能會較慢，要多載 Vue.js 也要頻寬我也遇過有人用React寫出來效能比原生亂寫還慢很多的
因為以為 React 會管理很好結果 State 就完全隨操作改值
結果發現效能奇差最後補一堆 ComponentDidUpdate 的檢查
然後再視情況去做 forceUpdate ...
如果沒有搞懂套件運作邏輯，不見得寫出來效能會比原生好
那短時間要弄完還是原生去操作 DOM 可能比較容易
我遇到那個案例正好就是 scroll 有關的，完全拋棄事件觸發然後用 setInterval 0ms 不斷偵測當前環境後改 state
不是說這思路正確，而是套件描述也可能引導往錯的方向開發新手很可能以為 render 真的會照字面上講的只更新必要部分就肆無忌憚的去寫 code 覺得沒啥好擔心的，苦力活給套件管41F 03/18 23:21
推 SimonAllen: 這個問題可以從很多面向去考慮：
如果是一次性的小專案用什麼技術都沒差
若重視後續維護當然是Vue
如果你重視開發速度那就看你哪個熟悉
效能部分確實Vue好 但這個好會依照你的寫法和專案的大小而定 這時就要思考你要開發的專案有需要重視到幾毫秒的效能嗎？
Vue寫的爛效能當然不好
...但實際上程式爛寫什麼效能都會不好啦
所以最後還是要回到原PO自己的衡量53F 03/19 19:55
→ purestone: 沒想到我的問題會有這麼多回覆哩
我應該會去jquery+bootstrap去寫吧，對我來說，短時間內把工作完成是最重要的63F 03/19 21:17
→ vi000246: 學jquery萬用啊 如果是後端工程師 jquery練到精再來學vue 畢竟工作大多都是用jquery66F 03/21 22:17
→ Rinorune: 感覺用jquery寫會將近100行以上 就改用框架了68F 03/22 23:07
推 zased: 「僅」用原生不會比較紮實，這是對基礎功的嚴重誤解
這種時代輪子車子都有了，善用工具搶時間搶效能才是頂尖工程師69F 03/26 01:41
→ forewero: Vue也能直接import進來用。最近剛好開發vue spa，體驗很多，相見恨晚QQ72F 03/27 00:55
推 s106667: 要看多小 簡單個人頁、活動網頁那種可以jquery拉，中型以上還是用框架比較好74F 04/01 21:34
--