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