✏️前端基礎 - JavaScript
JS Object.groupBy 教學 - 再也不用手寫分組邏輯
前端基礎-groupBy 背景介紹 對資料進行分組是日常開發中常見的需求。就連 Leetcode 都專門出了一題演算法 Group By - LeetCode，就能知道其重要性。 然而，JS 過去並沒有內建...
前往JS Object.groupBy 教學 - 再也不用手寫分組邏輯文章js padStart 的實際應用 - 將數字處理成你想要的格式
前端基礎-最近在公司遇到一個這樣的小問題，要將 index 的 1, 2, 3 在前端顯示變成 001, 002, 003，之前我看過有人這樣寫： 第一眼看到會有點不確定為什麼要這樣寫，而且未來改動也麻煩，例...
前往js padStart 的實際應用 - 將數字處理成你想要的格式文章JS 事件 Event 詳解 - JS 和 HTML 之間的交互動作 (addEventListener、冒泡、捕獲)
前端基礎-JavaScript 和 HTML 之間的交互動作是靠事件 Event 實現的。當文檔或瀏覽器發生一些用戶行為的瞬間(例如點擊、滾動、縮小放大視窗…等等)，可以利用監聽器 Listener 來監聽並執...
前往JS 事件 Event 詳解 - JS 和 HTML 之間的交互動作 (addEventListener、冒泡、捕獲)文章JavaScript 的重要觀念 - Event loop 事件循環詳解
前端基礎-甚麼是 Event loop 當我們在瀏覽器中執行 JS 時，通常會遇到一些需要時間來完成的任務，例如向服務器請求數據。這些任務可能需要花費很長時間來完成，但是我們又不能讓 JS 的執行停頓下來，導...
前往JavaScript 的重要觀念 - Event loop 事件循環詳解文章JavaScript 的 async / await 到底在幹嘛？前端非同步的簡潔寫法。
前端基礎-甚麼是非同步函數 async / await saync / await 是 ES8 新增的語法，它允許我們以同步的方式編寫非同步程式碼，讓我們更容易地管理非同步操作，編寫出更清晰、簡潔、易讀的程式...
前往JavaScript 的 async / await 到底在幹嘛？前端非同步的簡潔寫法。文章前端重要觀念 Promise - 為甚麼要有 Promise？如何使用？
前端基礎-到底甚麼是 Promise？ 用一句話說，Promise 是一個對 還未有結果的事物 的一個替身，且他不是前端才有的東西。 那為甚麼要對未有結果的事物做一個替身呢？ 這篇文有提到，我們不知道非同...
前往前端重要觀念 Promise - 為甚麼要有 Promise？如何使用？文章你知道非同步嗎？前端新手必學的同步非同步、回調函數 callback 觀念
前端基礎-前言 對於剛學程式或網頁的新手，很容易把同步和非同步搞混，回調函數的觀念和用法也不簡單，我一開始學習網頁的時候也是搞不懂這些東西，所以今天想用一篇長文來幫助你搞清楚這方面的所有觀念，整篇貼文的架構會...
前往你知道非同步嗎？前端新手必學的同步非同步、回調函數 callback 觀念文章前端必學 - 甚麼是 API？前端如何串接 API？
前端基礎-對於剛接觸的新手來說，API 是一個蠻難懂的概念。但其實它觀念蠻簡單的，前端在獲取資料時，API 通常是一個網址，前端可以透過這個網址來獲取後端送來的資料。 舉個例子，假設你現在在蝦皮買了一件衣服，...
前往前端必學 - 甚麼是 API？前端如何串接 API？文章最完整的前端 DOM 教學(上) - 甚麼是 DOM？如何獲取 DOM 的值並更改網站內容？
前端基礎-DOM 是學前端一定跑不開的話題和知識點，理解 DOM 是甚麼後，我們就能對網頁進行很多動態的操作，讓整個網站活起來，如果你還不知道 DOM 是甚麼，就讓我們一起來看看吧! 甚麼是 DOM DOM...
前往最完整的前端 DOM 教學(上) - 甚麼是 DOM？如何獲取 DOM 的值並更改網站內容？文章JavaScript 重要觀念 - var、let、const 差別
前端基礎-今天來說說前端新手容易搞混但很重要的 var、let、const。 在 JS 更新 ES6 以前，我們宣告變數都是使用 var，比如說 var a = 1，很多舊的教學也都是這樣使用。 但在 ES...
前往JavaScript 重要觀念 - var、let、const 差別文章