嗨！不知不覺又過了一年！不知道大家 2021 這一年過得如何？最近開始有聽到幾個朋友也想要試著學習前端開發，剛好也看到了這一篇在講前端開發者所需要技術的整理，簡單節錄一下一起分享給有需要的讀者們。...
來吃一口前端三明治，實力倍增輕鬆寫程式！
本粉專專門收錄各類科技知識文章，如前端工程技術、區塊鏈最新項目分享，
以及網路上流傳的各式各樣的創新數位產品介紹。
作自己的腦內偵探 —— 利用 PDCA 的概念，見證每天進步 1% 的自己！
嗨，我是 Mujing ，今天要講的跟技術比較沒有直接關係，我想要跟大家分享一個平常工作時可以逐步優化自己工作流程的方法，這個方法叫做 PDCA...
React 元件庫製造紀事錄 (三) – Rollup Bundler 實作，並探究 Webpack 的 Tree Shaking
在今天這一章節，我們會繼續看到怎麼用同樣是打包工具（ Bundler ) Rollup 來進行打包，並解釋為什麼最後會選用它來進行實作的最大來由 —— Tree Shaking。
React 元件庫製造紀事錄 (二) – package.json 與 Webpack
在元件庫系列文的第二部分，會試著用 webpack 來打包模組，並把過程記錄下來。我們在前面的文章裡面提到了許多種類的 JavaScrpt 模組系統，而模組系統的差異在 SSR 架構下，我們要製作元件庫時可能會是一個需要處理的問題，除了把所有元件庫的程式碼直接轉換成 UMD 的模組系統，我們也可以透過 package.json 來做處理，這一點我們也會一併說明。
React 元件庫製造紀事錄 (ㄧ) – 問題說明與第一個麻煩：JavaScript 的模組系統
這陣子為了解決了一個讓我蠻頭痛的問題，第一次接觸前端 module 的打包，也了解到原來平常我們很方便能夠用 Npm 或 Yarn...
瀏覽器的時光機—歷史堆疊、 pushState 與 replaceState API
或許 pushState 與 replaceState 這兩個詞你可能沒聽過，但是瀏覽器「上一頁、下一頁」功能你一定不陌生，其實這兩個 API 是瀏覽器提供給開發者操作瀏覽紀錄用的，透過這兩個 API...
對於想要完整系統性學習 JavaScript 的讀者，可以參考筆者的著作：
《JavaScript 前端概念三明治》
本書內容改編自第 11 屆 IT邦幫忙鐵人賽 Modern Web 組優選網路系列文章──《 JavaScript 原力覺醒 – 成為絕地武士之路 》，我以圖像輔助說明，將複雜的 JavaScript 知識化為容易理解的概念，希望能夠對你有幫助。