JS面向對象的本質不是基於類(class)，而是基於構造函數(constructor)和原型對象(prototype) 創建對象（封裝） 最簡單的創建對象的方式就是通過Object的構造函數或者對象字面量，但這兩種方式在使用同一個接口創建多個對象時會產生大量重複代碼。 工廠模式 function createPerson(name, age, job) { let o = new Obj
ESLint 什麼是ESLint？ ESLint 是一個可配置的 JavaScript 檢查器。它可以幫助你發現並修復 JavaScript 代碼中的問題。問題可以指潛在的運行時漏洞、未使用最佳實踐、風格問題等。 Rules（規則） Rules是ESLint的核心構建模塊。Rules會驗證你的代碼是否符合預期，並且規定了在不符合預期時應該怎麼做。規則還可以包含針對該規則的額外配置項。 配置Rule
Prettier是什麼？ Prettier 是一個固執己見的代碼格式化程序。 它刪除了所有原始樣式*並確保所有輸出的代碼符合一致的樣式。 Prettier 獲取您的代碼並考慮行長度，從頭開始重新打印它。 Prettier和Linters的區別 Linters有兩套規則： 代碼格式，比如max-len, no-mixed-spaces-and-tabs 代碼質量，比如no-unused-
通過FormData的方式上傳文件 簡單實現 前端代碼 div input id="file" type="file" / input type="button" value="文件上傳" onclick="uploadFile()" / /div script function uploadFile() { const file = document.getElementById('
前端工程化 技術選型 統一規範——eslint、husky 測試、部署、監控——ut、e2e、mock 性能優化 模塊化重構 webpack流程 webpack的構建流程可以分為以下三大階段： 初始化：啓動構建，讀取與合併配置參數，加載Plugin，實例化Compiler。 編譯：從Entry出發，針對每個Module串行調用對應Loader去翻譯文件的內容，再找到該Modul
執行上下文 執行上下文（Execution Contexts），簡稱上下文，是一種規範策略，用於跟蹤ECMAScript實現對於代碼運行時的評估。在任何時間點，每個實際執行代碼的代理最多有一個執行上下文。 這稱為代理的運行執行上下文（running execution context）。 簡而言之，變量或函數的上下文決定了它們可以訪問哪些數據，以及它們的行為。 上下文一共有以下三種： 全
概念 事件是您在編程時系統內發生的動作或者發生的事情，系統響應事件後，如果需要，您可以某種方式對事件做出迴應。 在 Web 中, 事件在瀏覽器窗口中被觸發並且通常被綁定到窗口內部的特定部分 — 可能是一個元素、一系列元素、被加載到這個窗口的 HTML 代碼或者是整個瀏覽器窗口。 事件流 事件流描述的是頁面中接受事件的順序。 “DOM2級事件“規定的事件流包括三個階段：事件捕獲階段、
