Boison《第二人生》站長

寫程式

React 中快速安裝建置 Redux 託管全域變數

Redux 就是用來託管全域變數，好處是當你的專案有很多層的 Component 時不用上下層把資料傳來傳去，即使現在簡單的專案我們會使用其他更小型簡單的套件或 hook（如 useContext）去實現這個需求，但其概念大多雷同。

寫程式

Sliding Window: 常用來解決字串問題

在這篇文章中，我介紹了滑動視窗（Sliding Window）這一常用於解決字串和陣列問題的演算法技巧。滑動視窗通過靈活調整子序列的起始和結束位置，以達到在線性時間內找到符合特定條件的最長或最短子序列的目的。此方法特別適合處理需要連續資料存取的情景，如數組、鏈表或字符串等。

寫程式

資料結構: 串列（Linked List）

在這篇文章中，我介紹了鏈結串列（Linked List），這是一種由節點組成的線性資料結構。我比較了鏈結串列與陣列的特性，並展示了如何使用 JavaScript 實作鏈結串列，包括基本操作如新增和刪除節點。此外，我還探討了鏈結串列的不同類型，如單向、雙向和迴圈鏈結串列，並提供了相關的程式設計問題解答。

寫程式

Two Pointer: 低空間複雜度的解題技巧

在這篇文章中，我探討了 Two Pointer 技巧，這是一種用於處理陣列、字符串或連結列表等線性數據結構的算法。通過兩種類型的指針——左右指標和快慢指標，我們可以有效解決諸如合併排序、尋找和判斷回文等問題。這種方法不僅提高了效率，還減少了額外的空間使用，使空間複雜度降低至接近 O(1)。

寫程式

LeeCode: Hashing 類型筆記（Easy）

在這篇文章中，我分享了 LeetCode 上與哈希表相關的 Easy 類型題目，以及解題時常用的方法，例如使用 ES6 的 Map 物件、將陣列或字串轉為易於查找的物件等。這些技巧不僅提高了解題效率，還幫助於深入理解哈希表的應用，從而提升解決問題的能力。

寫程式

網頁在 Client-Server 架構下的設計

在這篇文章中，我探討了網頁在 Client-Server 架構下的設計，著重於三種主要的服務器：Web Server、Application Server 和 Database Server。這些服務器如何交互運作，不僅支援靜態和動態內容的輸出，還處理來自前端的請求並進行數據存取。通过這些基本概念的介紹，希望能幫助大家更好地理解現代網頁應用的後端架構。

寫程式

ES6: 用 Promise 處理非同步問題

透過 Promise 處理非同步操作，可確保事件完成後再執行。我們會在 Promise 建構函式中使用 resolve 或 reject 來控制執行流程。當執行非同步事件時，Promise 會維持 pending 狀態，直到事件完成並呼叫 resolve 成為 fulfilled 或因錯誤而呼叫 reject 成為 rejected。使用 then、catch、finally 來處理 Promise 的結果，以確保非同步操作的正確性和時序。

寫程式

ES7: 用 Async/Await 處理非同步問題

在這篇文章中，我們探討了如何使用 ES7 的 async/await 來處理非同步問題。透過 async 聲明異步函式和 await 暫停異步函式的執行，可以使非同步操作以近似同步的方式進行，這不僅提升了程式的可讀性，也使錯誤處理變得更加直觀。此外，示例中展示了如何利用 try...catch 處理異步操作中可能出現的錯誤，保證異步邏輯的完整性和穩健性。通过学习 async/await，開發者可以更有效地管理和維護異步程序。

寫程式

用 Callback 處理非同步問題

在 ES6 之前，如果我們想要控制非同步事件的順序時會用 Callback function 來實現，缺點就是當有很多 Function 卻都想要照順序執行時，寫法上會出現俗稱 Callback Hell，易讀性極低。

寫程式

處理非同步問題的三種方式

在這篇文章中，我探討了三種處理非同步問題的方式：Callback、Promise 以及 Async/Await。透過詳細的範例和說明，我解釋了這些技術如何幫助開發者有效管理非同步操作，確保應用程序的流暢執行。每種技術都有其適用場景，從 Callback 的基礎應用到 Promise 的鏈式操作，再到 Async/Await 的直觀語法，這些方法都是現代 JavaScript 開發中不可或缺的技能。

寫程式

Java: JVM、JRE 和 JDK 的差別

我解釋了 Java 中的 JVM、JRE 和 JDK 的不同點。JVM 是 Java 的編譯器，支持跨平台運行，而 JRE 是執行環境，包含 JVM 和必要的庫。JDK 則是開發環境，包含 JRE 和開發工具。這些組件使 Java 程式一次編寫，處處執行成為可能。

寫程式

JavaScript: Node.js 是其執行環境

V8 是 Google 開發的開源 JavaScript 引擎，用於編譯 JavaScript 使其能夠在 Chrome 和 Node.js 中執行。作為一個直譯語言，JavaScript 在執行時需要一個執行環境，而 Node.js 提供了這樣的環境，使得 JavaScript 能夠脫離瀏覽器運行。為了兼顧直譯語言的靈活與編譯語言的效能，V8 採用了即時編譯（JIT）的技術，這種技術在執行 JavaScript 時，能夠即時將程式碼編譯成機器碼，大大提高了執行效率。

寫程式

JavaScript 中 Math 函式 Method 整理

我這篇文章整理了 JavaScript 中 Math 函式庫的常用方法，包括取絕對值的 Math.abs(x)、無條件進位的 Math.ceil(x)、無條件捨去的 Math.floor(x)、四捨五入的 Math.round(x)，以及去除小數點的 Math.trunc(x)。還有生成隨機數的 Math.random()、找最大最小值的 Math.max(...array) 和 Math.min(...array)，判斷數值型態的 Math.sign(x)，以及計算次方的 Math.pow(base, exponent)。這些方法幫助我在處理數學計算時更加便捷。

寫程式

JavaScript 中 Object 的 Method 整理

我詳細整理了 JavaScript 中的 Object 方法，包括新建物件、操作鍵值對、和轉換數據格式。例如，使用 new Object() 宣告物件，利用 Object.values() 和 Object.keys() 提取值和鍵至陣列，或者透過 Object.entries() 和 Object.fromEntries() 在物件與陣列間轉換。這些方法讓數據處理更為靈活。

寫程式

JavaScript 和 Java 的執行環境比較

我了解 JavaScript 和 Java 的執行環境以及編譯器。Node.js 讓 JavaScript 可以脫離瀏覽器運行，依賴 V8 編譯器可跨平台執行。而 Java 的 JRE 包含 JVM，支持跨平台執行，JDK 則包括 JRE 和 JVM，是完整的開發環境。

寫程式

經典演算法: 動態規劃、分治、貪婪、回溯、分支限界

我研究了五種主要的演算法：動態規劃是分治法的特例，透過記錄子問題的解來尋求最佳解；分治法則將問題細分並利用遞迴解決；貪婪演算法則是在每一步選擇最佳選項；回溯法通過添加約束來嘗試所有可能性；分支限界法則結合了貪婪與回溯的特性，進行最優選擇並更新條件。

寫程式

分支限界法 （Branch-and-Bound）

我的理解是，分支限界法 （Branch and Bound）有點貪婪演算法（Greedy Algorithm）和回溯法（Backtracking）的精神。(可見 回溯法（Backtracking）和 貪婪演算法（Greedy Algorithm）文章)。在每次做出選擇當下選擇最優解，並且將找到的最短路徑作為新的約束條件，若在遍歷過程中不符合此約束條件，就退回一步甚至是上幾步的計算重新選擇。

寫程式

回溯法（Backtracking）

回溯法是暴力搜尋法（窮舉搜尋、枚舉法）中的一種。用試錯的思想，在分步解決問題的過程中，當探索到某一步時，發現原先選擇並不能得到有效的正確的解答的時候，就退回一步甚至是上幾步的計算重新選擇。

寫程式

ES6: Map 物件，特性是有順序性

在這篇文章中，我深入探討了 ES6 的 Map 物件和它獨特的方法。我示範了如何使用 Map 來存儲鍵值對，並介紹了 Map 的多個操作，包括新增、取值、檢查、迭代和清空等。我還比較了 Map 與傳統 Object 的效能和特性，指出 Map 在處理大量動態鍵值對時的優勢。此外，Map 的順序性和對各種數據類型鍵的支援，使其成為一個非常靈活和強大的數據結構選項。

寫程式

貪婪演算法（Greedy Algorithm）

我在這篇文章中詳細介紹了貪婪演算法的運作原理，這是一種每次都選擇當下最好選項的解決策略。雖然貪婪演算法不一定能得到全局最優解，但其簡單高效的特性使其成為解決近似最佳解問題的好工具。此外，我還探討了貪婪演算法如 Dijkstra 和 Huffman 的應用實例，並與動態規劃的區別進行了比較。

寫程式

資料結構: 雜湊表（Hash Table)

我探討了雜湊表（Hash Table），一種以雜湊函數處理並儲存數據的結構，適合快速查找。介紹了常見的雜湊函式如除法、中間平方法等，並詳解雜湊表的運作原理和碰撞處理方法，如 Separate Chaining 和 Open Addressing，這些方法幫助解決了多個鍵對應同一雜湊值的問題。

寫程式

CI/CD 原理: 持續集成&持續交付/部署

在這篇文章中，我深入探討了 CI/CD 的三個階段：持續整合（CI）、持續交付（CD）和持續部署（CD），並解釋它們在軟件開發過程中的重要性。我強調了持續整合如何幫助團隊減少整合衝突，持續交付如何保證軟件隨時可部署，以及持續部署如何實現自動化生產部署。此外，我還介紹了在 GitLab 和 Jenkins 中實施 CI/CD 的具體例子。

寫程式

GitHub Pages 的原理與功能

在這篇文章中，我探討了使用 GitHub Pages 作為靜態網站的托管服務，特別強調了其設置簡單且便捷的特點，同時列出了使用此服務時的一些限制。我還介紹了如何將個人網域綁定至 GitHub Pages 並利用 npm 套件快速部署靜態網站。此外，我詳細說明了如何透過配置文件快速部署到 GitHub Pages，並提供了相關配置的具體示例。

寫程式

Netlify 靜態網站托管的功能

在這篇文章中，我探討了使用 Netlify 作為靜態網站托管的優勢，相較於 GitHub Pages，Netlify 提供了更豐富的配置選項如自定義域名支持 HTTPS、表單處理、預覽環境及版本控制等功能。我介紹了如何使用 Netlify 管理靜態內容，並利用其 CI/CD 功能自動部署網站，同時也講述了如何結合 Hugo 和 Netlify CMS 提升內容管理效率。

寫程式

CI/CD: GitHub Actions 自動部署到 GitHub Page

在這篇文章中，我探討了如何在 GitHub 上使用 GitHub Actions 來實施 CI/CD，重點介紹了如何撰寫用於持續部署的工作流程腳本。透過簡單的實例，我說明了從建立專案、手動部署、到設定自動化部署的全過程，並提供了 GitHub Actions 腳本的具體配置方法，以幫助讀者能夠更好地利用這一功能來自動化他們的部署過程。