PTT數位生活區 / Ajax

Re: [心得] 都2017年了 學學用原生JS來操作DOM吧

看板Ajax作者 (魚~*)時間7年前 (2017/04/09 07:52), 編輯推噓11(11推 0噓 26→)
留言37則, 12人參與, 最新討論串2/2 (看更多)
想請問一下，我們不使用jquery而直接用js的原因是什麼呢？ 因為少了簡短的語法和兼容性 換來的好處是什麼呢？ 我的想法是使用者不需要再透過cdn去下載jquery函式庫 加快載入速度 除此以外還有什麼好處嗎？ ----- Sent from JPTT on my Xiaomi Redmi Note 4. -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 101.15.6.48 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1491695544.A.421.html
推
04/09 09:14, , 1F
實際上的確是能減少載入時間。因為很多時候我們根本用不到
04/09 09:14, 1F
→
04/09 09:14, , 2F
jQuery 的所有功能。雖然 jQuery 模組化可以自行組裝，不
04/09 09:14, 2F
→
04/09 09:14, , 3F
過用在一些簡單操作還是覺得殺雞焉用牛刀。另外還能有種「
04/09 09:14, 3F
→
04/09 09:14, , 4F
我不是新手、我不用 jQuery 我好厲害」的優越感（？）
04/09 09:14, 4F
→
04/09 09:15, , 5F
當然考慮開發時間和相容性，用 jQuery 也不是壞事。
04/09 09:15, 5F
推
04/09 09:41, , 6F
只能說以前jq的套件確實多，寫起來也方便，但時間過久後
04/09 09:41, 6F
→
04/09 09:41, , 7F
大家追求新，所以會往後走，但舊的東西也是不錯，就像老
04/09 09:41, 7F
→
04/09 09:41, , 8F
歌
04/09 09:41, 8F
推
04/09 10:33, , 9F
想請問效能有沒有差異？原生會比 jQuery 好嗎？
04/09 10:33, 9F
→
04/09 10:54, , 10F
原生當然比較快，但 jQuery 有顧慮相容性，沒有絕對好壞
04/09 10:54, 10F
推
04/09 11:06, , 11F
你應該要問「為什麼我需要 jQuery」，如果不知道一個
04/09 11:06, 11F
→
04/09 11:07, , 12F
library 能對自己帶來什麼益處，建議就別用了
04/09 11:07, 12F
推
04/09 12:17, , 13F
樓上說的 他有講在第二行吧
04/09 12:17, 13F
推
04/09 15:18, , 14F
啊 sry
04/09 15:18, 14F
推
04/09 19:18, , 15F
jQuery絕大多數功能也是呼叫原生函式在工作的 就只是
04/09 19:18, 15F
→
04/09 19:18, , 16F
根據執行環境(瀏覽器)的不同來判斷要使用什麼原生涵式
04/09 19:18, 16F
→
04/09 19:19, , 17F
而已 老實說直接用原生當然較快但幾乎可以忽略不計
04/09 19:19, 17F
推
04/10 20:57, , 18F
客戶死不升級.....真的只能繼續用$.惹..
04/10 20:57, 18F
推
04/15 02:51, , 19F
plugin套件裡頭有100個功能 我只需要其中的一個
04/15 02:51, 19F
→
04/15 02:51, , 20F
這時用原生的js就可以
04/15 02:51, 20F
→
04/15 02:53, , 21F
有時候會發生我需要5個功能 卻載入3個不同plugin
04/15 02:53, 21F
推
04/17 10:45, , 22F
我是先從網頁純粹操作DOM的開始停用 $ 這東西
04/17 10:45, 22F
→
04/17 10:45, , 23F
一些只是方便性的像 _ 我則是從未用過
04/17 10:45, 23F
→
04/17 10:46, , 24F
目前大概就是收發 XHR 還會用 $ 去操作，因為問題太多
04/17 10:46, 24F
→
04/17 10:47, , 25F
可是新人很愛用 bower 且一開就載一堆套件，時代變了...
04/17 10:47, 25F
→
04/17 10:49, , 26F
然後連單純做個華麗點的按鈕都要載 bootstrap 進來
04/17 10:49, 26F
→
04/18 09:10, , 27F
如果已經熟jQuery就盡量用，那一點載入效能在近年幾乎沒差
04/18 09:10, 27F
→
04/18 09:11, , 28F
真的有興趣深入應該是去看jQuery背後做了什麼，而不是硬
04/18 09:11, 28F
→
04/18 09:12, , 29F
用原生換jQuery，更不要說是有些人裝了jQuery卻只能部分
04/18 09:12, 29F
→
04/18 09:13, , 30F
功能，那真的不懂在幹嘛...尤其是有些人同個網頁一部分用
04/18 09:13, 30F
→
04/18 09:14, , 31F
原生操作DOM，一部分用jQuery操作DOM
04/18 09:14, 31F
→
04/18 09:15, , 32F
那只會讓結果更糟，一不小心就leak了
04/18 09:15, 32F
推
04/18 09:18, , 33F
或是有些例子是一開始覺得用不到或不想用就直接用原生寫
04/18 09:18, 33F
→
04/18 09:18, , 34F
結果之後為了某些功能還是為了裝Plugin跟著需要裝jQuery
04/18 09:18, 34F
→
04/18 09:18, , 35F
那也是很空虛
04/18 09:18, 35F
→
04/18 09:27, , 36F
這年頭電腦手機越來越強，前端套件滿天飛，不用在意jQu
04/18 09:27, 36F
→
04/18 09:27, , 37F
ery效能問題，只是了解一下原生的演化還蠻屌的
04/18 09:27, 37F
‣ 更多 fshfsh 的文章
文章代碼(AID): #1OwNUuGX (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 fshfsh 的文章
文章代碼(AID): #1OwNUuGX (Ajax)