Javascript是一種弱型別，或是說動態型別語言參數型態可以動態調整，舉例來說 let foo = 42; // foo is now a number foo = 'bar'; /...
模組模式 (Module Pattern) 透過函式的 closure 特性 : 封裝函式和變數透過 IIFEs 特性 : 立刻呼叫JavaScript 沒有 public、private概念 : 透...
今天要介紹的是如何修改 DOM 節點的樣式，稍微介紹一下前端的三劍客： HTML: 負責資料結構。 CSS: 負責樣式跟結構如何呈現。 JavaScript: 負責網頁元素的行為跟互動。 這三個分...
所有的瀏覽器都支援使用XMLHttpRequest物件。XMLHttpRequest物件可以被用來從網頁本地端透過瀏覽器去跟伺服器端做資料交換，而不需再將頁面重新下載。 創建一個XMLHttpRe...
在陣列的課題中，新手的我覺得最難的部分之一是如何靈活運用陣用不同的方法，特別是迭代(forEach,map,reduce等)的部分。因為鐵人賽的關係，所以也多看了關於陣列的知識，之後發現自己連基本的陣...
本日小作品：https://codepen.io/linchinhsuan/pen/rNeRJpJ var data = [.......] 這是高雄市政府的open data來源：https://...
什麼是AJAX? AJAX是業界開發者很常使用到的技巧，AJAX可以在網頁下載完成後，還能夠繼續得跟網站伺服器端要資料，可以更新頁面，卻不需要重新載入，除了可以跟伺服器要資料，還可以回傳資料給...
本篇介紹 ES2018 (ES9) 提供的 RegExp 的 Unicode property escapes。 本篇會有很多特殊字元，但 IT 鐵人這裡無法顯示這些字元，所以內文會看到大量的「?...
Hello 大家好，來到第 13 天的 JavaScript，我們來認識操作 HTML 元素的第二個方法，同樣例子，我們也可以getElmentsByClassName，但大家應該知道 ID 只會有一...
昨天我們提到了「物件」，今天我們來聊聊「陣列」。陣列跟物件有點相似，同樣是零至多個元素的集合，同一個陣列內可以存放基本資料型別，或是另個陣列、物件甚至是函式。我們直接來看範例： var fruit =...