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 对象，有两个属性...
查看详情