悟道前端

10 個(gè)值得掌握的 reduce 技巧封面 22 2023-02

10 個(gè)值得掌握的 reduce 技巧

作為一個(gè)前端開發(fā)者，一定有接觸過 reduce 函數(shù)，它是一個(gè)強(qiáng)大而實(shí)用的數(shù)組方法，熟練掌握 reduce 的使用可以在開發(fā)中提高開發(fā)效率和代碼質(zhì)量。本文介紹的 reduce 的 10 個(gè)技巧值得擁有，可以讓你少寫很多代碼！悟透前端：javascript數(shù)組之includes、reducereduce 方法在數(shù)組的每個(gè)...

查看詳情
5 個(gè) JavaScript 代碼優(yōu)化技巧封面 30 2023-01

5 個(gè) JavaScript 代碼優(yōu)化技巧

在本文中，將介紹 5 個(gè)代碼優(yōu)化的技巧，有助于編寫更高效、更優(yōu)雅的代碼。這些技巧包括使用擴(kuò)展運(yùn)算符簡化代碼到使用 async/await 處理異步代碼等。1. 使用擴(kuò)展運(yùn)算符解構(gòu)對(duì)象和數(shù)組擴(kuò)展運(yùn)算符由三個(gè)點(diǎn) ... 表示，可用于對(duì)象和數(shù)組的解構(gòu)。對(duì)于對(duì)象，它允許使用另一個(gè)對(duì)象的屬性子集輕松創(chuàng)建一個(gè)新對(duì)象。const n...

查看詳情
ES6 類聊 JavaScript 設(shè)計(jì)模式之行為型模式（二）封面 13 2022-11

ES6 類聊 JavaScript 設(shè)計(jì)模式之行為型模式（二）

本文是《ES6 類聊 JavaScript 設(shè)計(jì)模式》的第四篇，介紹第三種類型的設(shè)計(jì)模式行為設(shè)計(jì)模式，其特別關(guān)注對(duì)象之間的通信。在軟件工程中， 行為型模式為設(shè)計(jì)模式的一種類型，用來識(shí)別對(duì)象之間的常用交流模式并加以實(shí)現(xiàn)。如此，可在進(jìn)行這些交流活動(dòng)時(shí)增強(qiáng)彈性。—— 維基百科觀察者模式：Observe...

查看詳情
ES6 類聊 JavaScript 設(shè)計(jì)模式之行為型模式（一）封面 11 2022-11

ES6 類聊 JavaScript 設(shè)計(jì)模式之行為型模式（一）

本文是《ES6 類聊 JavaScript 設(shè)計(jì)模式》的第三篇，介紹第三種類型的設(shè)計(jì)模式行為設(shè)計(jì)模式，其特別關(guān)注對(duì)象之間的通信。在軟件工程中， 行為型模式為設(shè)計(jì)模式的一種類型，用來識(shí)別對(duì)象之間的常用交流模式并加以實(shí)現(xiàn)。如此，可在進(jìn)行這些交流活動(dòng)時(shí)增強(qiáng)彈性。—— 維基百科責(zé)任鏈模式命令模式迭代器模...

查看詳情
ES6 類聊 JavaScript 設(shè)計(jì)模式之創(chuàng)建型模式封面 05 2022-11

ES6 類聊 JavaScript 設(shè)計(jì)模式之創(chuàng)建型模式

本文開始系統(tǒng)性的對(duì) 20 多種 JavaScript 設(shè)計(jì)模式進(jìn)行簡單概述，然后結(jié)合 ES6 類的方式來編寫實(shí)例代碼展示其使用方式?！禘S6 類聊 JavaScript 設(shè)計(jì)模式之結(jié)構(gòu)型模式》《ES6 類聊 JavaScript 設(shè)計(jì)模式之行為型模式（一）》《 ES6 類聊 JavaScript 設(shè)計(jì)模式之行為型模式（...

查看詳情
ES6 類聊 JavaScript 設(shè)計(jì)模式之結(jié)構(gòu)型模式封面 02 2022-11

ES6 類聊 JavaScript 設(shè)計(jì)模式之結(jié)構(gòu)型模式

本文將對(duì) 20 多種 JavaScript 設(shè)計(jì)模式進(jìn)行簡單概述，然后結(jié)合 ES6 類的方式來編寫實(shí)例代碼展示其使用方式。JavaScript 在現(xiàn)代前端中扮演重要的角色，相比過去能夠做的事情已經(jīng)不在一個(gè)級(jí)別上了。JavaScript 最大的特征是其靈活性，一般只要敢想敢寫，可以把程序?qū)懙煤芎唵危锌梢詫懙煤軓?fù)雜。其靈...

查看詳情
JavaScript 設(shè)計(jì)模式之代理模式封面 30 2022-06

JavaScript 設(shè)計(jì)模式之代理模式

代理模式，代理（proxy）是一個(gè)對(duì)象，它可以用來控制對(duì)另一個(gè)對(duì)象的訪問。現(xiàn)在頁面上有一個(gè)香港回歸最想聽的金典曲目列表：<ul id="container"> <li>我的中國心</li> <li>東方之珠</li> <li>香港...

查看詳情
JavaScript 設(shè)計(jì)模式之策略模式封面 26 2022-06

JavaScript 設(shè)計(jì)模式之策略模式

什么是設(shè)計(jì)模式？為什么需要學(xué)習(xí)設(shè)計(jì)模式？學(xué)習(xí)設(shè)計(jì)模式的目的是：為了代碼可重用性、讓代碼更容易被他人理解、保證代碼可靠性。 設(shè)計(jì)模式使代碼編寫真正工程化；設(shè)計(jì)模式是軟件工程的基石脈絡(luò)，如同大廈的結(jié)構(gòu)一樣。經(jīng)典的設(shè)計(jì)模式有 23 種，但并不是每一種設(shè)計(jì)模式都被頻繁使用。在這里，介紹最常用和最實(shí)用的幾種設(shè)計(jì)模式，本文先來介紹...

查看詳情
適合初學(xué)者的 10 個(gè) JavaScript 代碼整潔技巧封面 20 2022-06

適合初學(xué)者的 10 個(gè) JavaScript 代碼整潔技巧

什么是整潔的代碼呢？答案可能因人而異，個(gè)人提倡以函數(shù)式風(fēng)格編寫代碼，如果做得正確的話，代碼將更容易閱讀、分解和測(cè)試。在開始函數(shù)式編程之前，學(xué)習(xí)一些小的技巧有助于編寫整潔的代碼。最好的方式是閱讀開源項(xiàng)目，學(xué)習(xí)別人的方式。對(duì)于JavaScript，ES6 引入了許多新的特性，也使得寫代碼多一種更加優(yōu)雅的方式。1. 數(shù)組合并...

查看詳情
如何在 JavaScript 中讓代碼更加精簡封面 31 2022-05

如何在 JavaScript 中讓代碼更加精簡

答案是使用 JavaScript 對(duì)象解構(gòu)來節(jié)省代碼，JavaScript 對(duì)象解構(gòu)賦值在項(xiàng)目開發(fā)中是一個(gè)常用的技能。關(guān)于JavaScript 的解構(gòu)賦值，在文章中《JavaScript 解構(gòu)賦值 5 個(gè)常見場(chǎng)景和實(shí)例》和《再談JavaScript 中的對(duì)象解構(gòu)》也有介紹過。先來看一個(gè) article 對(duì)象，有兩個(gè)屬性...

查看詳情