Homepage
Open in app
Sign in
Get started
麥克的半路出家筆記
學習筆記
心路歷程
React
學習筆記
[筆記] 透過 React Router實作路由保護機制
[筆記] 透過 React Router實作路由保護機制
本篇使用 React Router 透過一個簡單的「線上購物網站」實作「路由保護機制」:從簡單的版本,逐步優化到更進階且更好維護的版本。
Mike Huang
Feb 26, 2023
[筆記] ES2020 可選串連運算子 Optional chaining (?.)
[筆記] ES2020 可選串連運算子 Optional chaining (?.)
透過使用 ES2020 可選串連運算子 Optional chaining (?.) 幫助你在處理「巢狀結構的物件」能寫出更簡潔和安全的程式碼!
Mike Huang
Feb 20, 2023
[筆記] ES2020 空值合併運算符 Nullish Coalescing Operator
[筆記] ES2020 空值合併運算符 Nullish Coalescing Operator
ES2020 推出的「空值合併運算符 Nullish Coalescing Operator」相比過去常用的 Logical Operator(邏輯運算子) 在實作 Short Circuit 時,讓開發者能更輕鬆的撰寫程式碼,也讓程式碼更不容易出錯!
Mike Huang
Feb 10, 2023
[筆記] React 效能優化:透過 React.memo 、useMemo 和 useCallback
[筆記] React 效能優化:透過 React.memo 、useMemo 和 useCallback
本篇將介紹 React.memo、useMemo 和 useCallback 的使用情境,以及如何透過這些方法來優化上述提到的相關效能問題。
Mike Huang
Aug 30, 2022
以 JavaScript 實作 Debounce 提升應用程式效能(與搭配 immediate 的額外應用)
以 JavaScript 實作 Debounce 提升應用程式效能(與搭配 immediate 的額外應用)
網頁前端效能優化:透過範例深入了解 Debounce 與如何透過 JavaScript 實作。另外,也介紹搭配 immediate 的應用與詳細展示。
Mike Huang
Aug 13, 2022
[筆記] 認識 OAuth 2.0:一次了解各角色、各類型流程的差異
[筆記] 認識 OAuth 2.0:一次了解各角色、各類型流程的差異
一次認識 OAuth2.0 的概念、不同的 OAuth 類型流程,與流程中不同的角色作用和關係。實用的相關資源也將在本篇末提供給大家!
Mike Huang
Jul 10, 2021
什麼是切版?切版練習的方式與工具
什麼是切版?切版練習的方式與工具
根據自身的學習歷程和經驗,分享給還是初學,甚至還不知道該如何開始的你:學習的資源、練習的方向和方式、切版時需要的工具、如何做資料查找及學習上的心態建立
Mike Huang
Feb 10, 2021
認識 Intersection Observer API:實作 Lazy Loading 和 Infinite Scroll
認識 Intersection Observer API:實作 Lazy Loading 和 Infinite Scroll
網頁前端效能優化:深入了解 Intersection Observer API,並實作 Lazy Loading 和 Infinite Scroll
Mike Huang
Jun 17, 2020
三人團隊從零打造「美食預定」電商平台
三人團隊從零打造「美食預定」電商平台
九個月前,我走上了轉職工程師的道路,過去從學期一開始探索程式的樂趣、在學期二學習前端技術、學期三實作後端作品後,很快的,走到了最後一學期的尾聲,也是我最期待的重頭戲 — 與團隊協作,共同發想與打造一個完整的產品。
Mike Huang
Nov 15, 2019
[筆記] 從零接觸 Google Map API 2:在 Vue.js 中使用 Geocoding 將地址轉換成地標
[筆記] 從零接觸 Google Map API 2:在 Vue.js 中使用 Geocoding 將地址轉換成地標
學習並體驗在 Vue.js 專案中使用 Google Map API 的 Geocoding 服務,將地址轉換成座標,方便呈現在地圖上
Mike Huang
Oct 11, 2019
[筆記] 從零接觸 Google Map API:在 Vue.js 中實作地圖、地標、訊息視窗
[筆記] 從零接觸 Google Map API:在 Vue.js 中實作地圖、地標、訊息視窗
學習並體驗在 Vue.js 專案中使用 Google Map API 建立地圖、地標、訊息視窗
Mike Huang
Oct 10, 2019
[筆記] 透過 JWT 實作驗證機制
[筆記] 透過 JWT 實作驗證機制
以 JWT(JSON Web Tokens)實作驗證機制
Mike Huang
Aug 16, 2019
[筆記] 使用 Multer 實作大頭貼上傳(Part 2)
[筆記] 使用 Multer 實作大頭貼上傳(Part 2)
在 Node.js 應用程式中透過 Multer 套件,讓客戶端能上傳文件到伺服器端 — 將照片存至資料夾+連結存至資料庫中
Mike Huang
Aug 13, 2019
[筆記] 使用 Multer 實作大頭貼上傳
[筆記] 使用 Multer 實作大頭貼上傳
在 Node.js 應用程式中透過 Multer 套件,讓客戶端能上傳文件到伺服器端。另外,透過 Sharp 套件加工圖片,輸出一致性的尺寸與規格。
Mike Huang
Aug 13, 2019
[筆記] 從零學習 Materialize 打造個人頁面
[筆記] 從零學習 Materialize 打造個人頁面
Bootstrap 以外的新選擇 — Materialize CSS 前端框架
Mike Huang
Aug 7, 2019
[筆記] 透過 Passport.js 實作驗證機制
[筆記] 透過 Passport.js 實作驗證機制
使用 Passport.js 在 Node.js 應用程式中快速建立驗證機制
Mike Huang
Aug 5, 2019
[筆記] 從零開始製作 Chrome 套件到上架商店
[筆記] 從零開始製作 Chrome 套件到上架商店
只要會 CSS、HTML、JS 就能做出 Chrome 套件!
Mike Huang
Jul 27, 2019
透過 CSS 垂直置中的問題與解決方式
透過 CSS 垂直置中的問題與解決方式
最近在做網頁排版的時候,常遇到需要將元素「水平置中」和「垂直置中」的任務。其中「水平置中」相對容易:第一種方式是使用 text-align: center 讓父原件水平對齊 inline 元件;第二種方式是將 block 元件套用 margin: 0…
Mike Huang
Mar 18, 2019
CSS 小技巧分享:em 單位的強大用途
CSS 小技巧分享:em 單位的強大用途
最近在學習 RWD(Responsive Web Design)時,接觸到「相對單位」的應用與其重要性,其中令我感到特別有興趣的是「em」單位。以下會簡單介紹這個長度單位,及透過幾個小範例,呈現其運用上潛在的強大效果。
Mike Huang
Apr 22, 2019
[JavaScript] localStorage 的使用
[JavaScript] localStorage 的使用
最近在學習透過串接電影相關的 API 在瀏覽器中呈現電影清單,其中一個有趣的功能是使用者能將喜愛的電影加入最愛 — 收藏功能 — 並能在另一個頁面呈現使用者收藏的電影清單。製作的過程中就遇到一個關鍵的問題:「該如何將要收藏的電影清單儲存起來,並在不同的頁面上渲染出來呢?」
Mike Huang
Jun 2, 2019
[筆記] ES6: Destructuring Assignment
[筆記] ES6: Destructuring Assignment
解構賦值 Destructuring assignment
Mike Huang
Jun 16, 2019
[筆記] HTTP Cookie 和 Session 使用
[筆記] HTTP Cookie 和 Session 使用
HTTP 是一個「無狀態協議 Stateless Protocol」,也就是說,每次從客戶端(Client)對伺服器(Server)發出的請求都是獨立的 — 這一次的請求無法得知上一次請求的內容與資訊。
Mike Huang
Jun 30, 2019
[筆記] 把玩 express-validator 在伺服器端做表單驗證
[筆記] 把玩 express-validator 在伺服器端做表單驗證
在許多網路應用程式中,經常會透過表單獲得使用者輸入,當使用者要送出表單時,工程師的考驗就來了:「我該如何驗證表單內的資訊?」、「驗證失敗時,如何提供好的使用者體驗?」 — 今天要把玩的是後端驗證模組「express-validator」
Mike Huang
Jul 4, 2019
[心得] 認識同步與非同步 — Callback + Promise + Async/Await
[心得] 認識同步與非同步 — Callback + Promise + Async/Await
最近嘗試在 Node.js 上串接第三方 API,遇到了同步與非同步的議題,想說可以來做個筆記 — 以下將介紹同步與非同步概念,並透過買咖啡的舉例和專案實作範例來介紹處理非同步事件的 Callback、Promise、Async/Await 語法
Mike Huang
Jul 14, 2019
About 麥克的半路出家筆記
Latest Stories
Archive
About Medium
Terms
Privacy
Teams