心得 慚愧阿 這大概是這次鐵人賽最大的心得吧，雖然一直都知道鐵人賽，但其實今天才發現這是一年一度，很慶幸自己在找資料、debug 的時候看到了 12 屆鐵人賽的訊息，剛好趁這個機會強迫自己開始 喊了三...
昨天我們介紹了「傳值」與「傳址」，所以呢，按照昨天的範例我們應該可以統整出一個結論是基本型是「傳值」，物件是「傳址」，但往往就是會有例外。今天就來讓我們來看看例外吧！ Pass by sharing我...
解構賦值是ES6新增的寫法，讓我們更快捷去把陣列或物件裏的值賦予給變數，同時也讓程式碼更易閱讀。解構賦值的概念挺直接的，但自己在應用上還是很不熟悉，所以今天就來學習一下解構賦值的概念和應用。 解構賦值...
常見的事件種類 網頁介面相關事件 滑鼠事件 鍵盤事件 表單事件 網頁介面相關事件 load 事件：綁定在 window 物件上，當網頁資源(CSS、JS、圖片)全部載完才觸發。 unload、b...
箭頭函式 語法更精簡 是函式表達式 FE 的簡短寫法 const func = function(x) { return x + 1 }; // 相當於下方寫法 const func = (x)...
本日小作品：https://codepen.io/linchinhsuan/pen/YzqbvoB var liArray = document.querySelectorAll(".nav...
前言 Web 應用程式佔客戶端 JavaScript 的比重越來越高，增加了使用 JavaScript 開發大型程式的機會。這意味者，開發者不能只是寫完程式就覺得：『好了，完成了!』伴隨開發完成而來的...
本篇介紹 ES2019 (ES10) 提供的 optional catch binding。 過去的 catch binding 想省略 catch binding 的情境： 故意忽略該 erro...
早安，不知不覺已經24天了 還沒帳號的朋友先去註冊一個npm帳號 (https://www.npmjs.com/) 開起本地端終端機，npm adduser ，他會要求輸入帳號密碼 n...
觀前提醒： 我預設大家已經先思考並分析過題目，沒啥想法才開始 google 找解題靈感。若無，建議每題先花 1~2 顆番茄鐘的時間來分析題目比較好。可參考番茄鐘工作法。 承上，既然已經有思考過了，...