前端三分鐘

貪婪演算法是一種常用的算法，尤其在圖論中的最小成本生成樹中應用廣泛。 貪婪演算法演算法根據當前狀況選擇最佳解，但往往忽略了全域的最佳解。 舉個例子，當我們從南投前往高雄時，可能面臨以下選擇： 計程車 (2.5 小時) 先坐公車到台中高鐵 (30 分鐘) 先坐公車到台中市 (40 分鐘) 在此情況下，貪婪演算法會選擇第二個選項，因為它當下時間成本最低，但不一定能最快到達目的地。 貪婪演算法......

JavaScript 模組超進化，從沒有元件概念的開端，到 React 引入的元件化概念，開始了大前端時代的工業革命時代，也是那個時候開始，有了專職的前端工程師職位，也才有各位大大們現在認識的小編。 隨後是 Module Federation 的靈活性、ESM 的即時載入功能、瀏覽器支援遠端載入的技術，這一切都是技術進步的積累，也大大提高了大家對於前端工程的想像，當然這也直接的反應到薪水的成......

當我選擇 Zustand 作為狀態集中管理的解決方案時，有很多原因促使我做出這個決定。Zustand 的輕量級和彈性特性使其在架構上無縫穿梭於專案的各個角落，避免了因架構限制而導致的可讀性下降和優化難度增加。 以下是我使用 Zustand 快兩年後的一些心得，從幾個層面來分析。 為什麼不該再繼續用 Redux 了？選擇狀態集中管理的解決方案時，Zustand 的輕量級和彈性特性讓我不再依賴 ......

React Hooks 介紹React 引用的 Hooks 設計，讓副作用處理和外部功能更輕鬆地進入函式元件，相比於類別元件的寫法，提供了更簡單的解決方案。舉例來說，Redux 的 useSelector 可以取代 connect 和 mapStateToProps。接下來，我們將通過 useState 和 useEffect 兩個 Hooks 的範例，來對比其與類別寫法的不同。 React......

環境變數對於一個系統來說是非常重要的，以把妹來說同樣的男生遇到不同的妹子時，腦中需要即時套用不同的參數來做出對應的表現來不被抓包自己是海王。 系統在設計和規劃的時候，當然也需要經過環境變數的設計來讓同樣一套系統能夠應對測試、UAT、Production 環境的情境。 Vite 系統環境變數設定Vite 是下一代的前端模組打包工具，背後是直接使用 ESM 所以可以達到快速即時的開發體驗，但也由......

Reactjs 從 2013 年問世後至今滿 10 年，提供前端開發領域元件設計的典範基礎，逐步帶動並完善了開發的生態系統。 最初的 React 就是一個單純的函式，提供 props 並進行內部的狀態運算後回傳一個計算後的 DOM 元素呈現在網頁上。 DOM = React(props, state) 回顧過去的十年，Reactjs 的發展從 Clean Architectur......

這篇文章主要是介紹修正 Pagespeed 未通過 Cumulative Layout Shift (CLS) 的過程，在前些時候其實 CLS 是會明顯影響曝光總數的，修正的過程中其實也很難馬上知道成果，原因是因為 Google 會藉由實際上蒐集到的情境來進行統計。 Pagespeed 出現 CLS 問題 透過 Pagespeed 的頁面進行量測，錯誤會直接顯示在網頁中，按照提示修正即......

Google AdSense 透過 Google Asia 付款所以要台灣的 AdSense 使用者提交新加坡稅務資訊，我們需要當地國稅局提供稅務居住地證明。 小編在網路上查過申請流程後發現仍然有一些不清楚的地方，承辦人員很可能也是第一次辦，剛開始會一直請你提供對方國家制式表格範本，但其實還是有一種方式是可以自己開立的。 財政部稅務入口網申請核發個人居住者證明這邊可以提供小編這次申請的範本給......