22
2023-02
作為一個前端開發者，一定有接觸過 reduce 函數，它是一個強大而實用的數組方法，熟練掌握 reduce 的使用可以在開發中提高開發效率和代碼質量。本文介紹的 reduce 的 10 個技巧值得擁有，可以讓你少寫很多代碼！悟透前端：javascript數組之includes、reducereduce 方法在數組的每個...
查看詳情
30
2023-01
在本文中，將介紹 5 個代碼優化的技巧，有助于編寫更高效、更優雅的代碼。這些技巧包括使用擴展運算符簡化代碼到使用 async/await 處理異步代碼等。1. 使用擴展運算符解構對象和數組擴展運算符由三個點 ... 表示，可用于對象和數組的解構。對于對象，它允許使用另一個對象的屬性子集輕松創建一個新對象。const n...
查看詳情
13
2022-11
本文是《ES6 類聊 JavaScript 設計模式》的第四篇，介紹第三種類型的設計模式行為設計模式，其特別關注對象之間的通信。在軟件工程中， 行為型模式為設計模式的一種類型，用來識別對象之間的常用交流模式并加以實現。如此，可在進行這些交流活動時增強彈性。—— 維基百科觀察者模式：Observe...
查看詳情
11
2022-11
本文是《ES6 類聊 JavaScript 設計模式》的第三篇，介紹第三種類型的設計模式行為設計模式，其特別關注對象之間的通信。在軟件工程中， 行為型模式為設計模式的一種類型，用來識別對象之間的常用交流模式并加以實現。如此，可在進行這些交流活動時增強彈性。—— 維基百科責任鏈模式命令模式迭代器模...
查看詳情
05
2022-11
本文開始系統性的對 20 多種 JavaScript 設計模式進行簡單概述，然后結合 ES6 類的方式來編寫實例代碼展示其使用方式。《ES6 類聊 JavaScript 設計模式之結構型模式》《ES6 類聊 JavaScript 設計模式之行為型模式（一）》《 ES6 類聊 JavaScript 設計模式之行為型模式（...
查看詳情
02
2022-11
本文將對 20 多種 JavaScript 設計模式進行簡單概述，然后結合 ES6 類的方式來編寫實例代碼展示其使用方式。JavaScript 在現代前端中扮演重要的角色，相比過去能夠做的事情已經不在一個級別上了。JavaScript 最大的特征是其靈活性，一般只要敢想敢寫，可以把程序寫得很簡單，有可以寫得很復雜。其靈...
查看詳情
30
2022-06
代理模式，代理（proxy）是一個對象，它可以用來控制對另一個對象的訪問。現在頁面上有一個香港回歸最想聽的金典曲目列表：<ul id="container"> <li>我的中國心</li> <li>東方之珠</li> <li>香港...
查看詳情
26
2022-06
什么是設計模式？為什么需要學習設計模式？學習設計模式的目的是：為了代碼可重用性、讓代碼更容易被他人理解、保證代碼可靠性。 設計模式使代碼編寫真正工程化；設計模式是軟件工程的基石脈絡，如同大廈的結構一樣。經典的設計模式有 23 種，但并不是每一種設計模式都被頻繁使用。在這里，介紹最常用和最實用的幾種設計模式，本文先來介紹...
查看詳情
20
2022-06
什么是整潔的代碼呢？答案可能因人而異，個人提倡以函數式風格編寫代碼，如果做得正確的話，代碼將更容易閱讀、分解和測試。在開始函數式編程之前，學習一些小的技巧有助于編寫整潔的代碼。最好的方式是閱讀開源項目，學習別人的方式。對于JavaScript，ES6 引入了許多新的特性，也使得寫代碼多一種更加優雅的方式。1. 數組合并...
查看詳情
31
2022-05
答案是使用 JavaScript 對象解構來節省代碼，JavaScript 對象解構賦值在項目開發中是一個常用的技能。關于JavaScript 的解構賦值，在文章中《JavaScript 解構賦值 5 個常見場景和實例》和《再談JavaScript 中的對象解構》也有介紹過。先來看一個 article 對象，有兩個屬性...
查看詳情