系列文章
透過 JavaScript 動態建立 HTML 元素的幾種方式
今天要來學習的是如何透過JS在網頁上建立一個 HTML 的元素。 如何使用 Document.createElement() 以及 Element.innier...
JavaScript 捕捉(capturing)與氣泡(bubbling)
今天要學習的部分是關於 DOM 的傳遞機制:捕捉與氣泡 在切入今日的主題之前，先快速了解一下 addEventListener 的語法。 addEventLis...
透過 JavaScript 動態修改CSS 樣式、屬性
透過JS動態修改CSS樣式、屬性是很常有的事情，所以這個篇幅就來看些關於修改的方式吧! 動態修改CSS樣式 在修改CSS樣式的起手式不外乎常用的應該就是下列兩種...
JavaScript Ajax及XMLHttpRequest物件
今天要學習的是Ajax及XMLHttpRequest物件的基礎觀念與使用 Let's go Ajax(Asynchronous JavaScript and X...
使用 jQuery的 $.Ajax() 技術和介接api吧!
$.ajax() 是另外一種可以用來介接api的方式 趕緊來學習 jQuery 的 $.ajax() 吧 Let's go 什麼是 jQuery ? 既然要使用...
JavaScript Promise Part1
今天要學習的部分是 ES6 的 Promise 物件的建立與使用 Let's go 什麼是 Promise 先來看看 MDN 怎麼解釋 Promise 的:...
JavaScript Promise Part2
今天要學習的部分一樣是 Promise，語法如下: Promise.resolve() Promise.reject() Promise.race(...
使用 fetch() 來介接 api 吧!
如同這個標題，今天要來了解如何透過 fetch() 介接 api，而這次會透過介接高雄市資料開放平臺的 open data來實作看看。 關於 fetch() 先...
JavaScript Async 與 Await
今天要學習的是 Async 與 Await，是為了簡化 Promise 物件的操作流程而誕生。 來看看 MDN 怎麼描述: async/await 函式的目的...
關於完賽 - 是逗點，不是句點
鐵人賽到今天也即將完賽，對於自己而言則是達成了另一個成就。 在寫這篇的同時停了半晌，回過頭想想自己為了每一天的文章所付出的努力，整理了現階段自己對於 JavaS...