Yiheng Wu

Nov 20, 2024 | medium.com | Yiheng Wu

YiHeng Wu · Follow 5 min read · -- Facade Pattern 是一種結構型設計模式，用於為複雜的系統提供一個簡單的接口。它的目的是簡化子系統的使用方式，將內部的實現細節封裝起來，讓外部使用者只需通過一個統一的接口與系統交互。 簡單來說，Facade 就像是「門面」或「服務櫃台」，外部不需要了解內部的細節，只需透過門面就能完成操作。 簡化複雜系統：把內部系統的多個模組或邏輯封裝在一起，對外只暴露簡單的接口。 提高可讀性與可維護性：使用者只需知道怎麼使用 Facade 提供的接口，而不需深入了解系統內部的細節。 解耦內外部程式碼：外部與系統內部的實現邏輯解耦，方便內部系統修改時不影響外部使用者。 系統複雜且接口繁瑣：當系統內部有多個模組或子系統，使用者需要調用多個接口完成操作時，可以用 Facade 簡化操作。 需要統一入口：提供一個統一的接口，讓外部代碼統一調用系統功能，提升使用體驗。 希望對內部系統進行隔離：外部不需要了解系統內部結構，從而降低耦合。 系統簡單，邏輯單一：如果系統本身接口少且易用，額外添加 Facade...

Nov 14, 2024 | medium.com | Yiheng Wu

YiHeng Wu · Follow 9 min read · -- Module Pattern 和 Revealing Module Pattern 都是 JavaScript 中很常見的設計模式，用於組織代碼並創建私有和公開的成員。這兩種模式主要用於模擬封裝，以便更好地組織代碼並控制成員的可訪問性。 情境 Module Pattern 是在 JavaScript 早期用來創建封裝結構的模式，適合在需要模擬私有變數和方法的情境下使用。透過此模式，可以將一組函數和變數封裝在模組內，並只暴露部分成員供外部使用。 解決問題 提供私有作用域：可以隱藏不應公開的成員。 避免全域作用域污染：使代碼更具結構性，避免變數和函數污染全域命名空間。 模擬封裝：增強代碼的模組化和可維護性。 取捨 優點：提高代碼可讀性和安全性，確保僅公開必要的成員。 缺點：在大型應用中可能會變得複雜，且有時過多的封裝反而降低靈活性。 範例 const Module = (function() { // 私有變數和方法 let privateVar = "I am private"; function...

Nov 11, 2024 | medium.com | Yiheng Wu

YiHeng Wu·Follow6 min read·--因為這個部分有點短，想跟書中第四章的 Anti Pattern 一起做個筆記JavaScript 中的反模式：在全域中定義大量變數來污染全域命名空間傳 String 給 setTimeout/setInterval 而觸發 eval()修改 Object 原型用 inline JavaScript，因為沒有彈性在使用 DOM 替代方案（如 document.createElement()）更適合改使用 document.write（因為會複寫該頁面）設計模式主要分成三類：建立型（Creational）：1. 工廠模式（Factory）：就像一個工廠根據不同的訂單，生產出不同的產品。我們不用知道產品的細節，只需給出需求，工廠就會生產出我們需要的物件。技術用詞定義：衍生類別（Derived Class）：從一個基礎類別繼承而來，擁有基礎類別的特性，並可擴展新的功能。2.

Nov 11, 2024 | medium.com | Yiheng Wu

YiHeng Wu · Follow Just now -- 在鍵盤敲下這個 Title 的時候，才發現自己已經離職廢在家了 40 天，一直到這個月初才開始面對要找工作這件事情，投了幾封履歷沒什麼回音，想說閒著也是閒著來讀個書好了。 這本 JavaScript Design Pattern 買了大概半年，翻了前面幾頁就都沒再碰過。趁著現在沒事幹等回信，一邊寫筆記一邊把它讀完好了。 還記得在前一間公司還跟主管說要做這本書的讀書會，然後我就提離職了，三年半夠了啦，加班加到身體都出問題了。 該書全名 Learning JavaScript Design Pattern: a JavaScript and React developer’s guide, 2nd ed ，作者是 Addy Osmani，Google Chrome 的 Engineering Leader，出過一些很賣的 JS 書，大神一位。 翻了一下大綱，筆記的部分應該直接跳過前面五章直接進到 Design Pattern...

Sep 18, 2023 | mdpi.com | Hanqing Qiu |Zhiming Chen |Yiheng Wu |Wenxin Ouyang

1. IntroductionEcological fire prevention forest is a fundamental project in the construction of a forest fire prevention system, which can prevent the spread of forest fires and reduce the probability of large-scale forest fires [1,2].