2018年9月10日 星期一

[JS] github棄用jquery

https://githubengineering.com/removing-jquery-from-github-frontend/

原生JS逐漸取代了jquery所提供的功能,而老舊的IE無法使用這些新生的JS功能,已不堪使用,在這個時代逐漸被廢棄,根據github文章,紀錄一些JS新功能的筆記

(1) Dom操作
document.querySelectorAll()

(2) class操作
document.getElementById("xxx").classList.add("myclassname")
document.getElementById("xxx").classList.remove("myclassname")

(3) AJAX
fetch or XHR
比較舊的瀏覽器用XHR

* fetch
fetch('http://xxxx', {method:'get'}).then(function(resp){
  .....
  // resp.status
}).catch(function(err){
  .....
})

(5) Animation
使用CSS

(6) addEventListener()
https://developer.mozilla.org/zh-TW/docs/Web/API/EventTarget/addEventListener
el.addEventListener("click", function(){.....}, false);

沒有留言:

張貼留言