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

看板Ajax作者 (魚~*)時間7年前 (2017/04/09 07:52), 編輯推噓11(11026)
留言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
文章代碼(AID): #1OwNUuGX (Ajax)
文章代碼(AID): #1OwNUuGX (Ajax)