yyzclyang

最传统的循环方法，也是速度最快的方法。 forEach 对数组中的每一个元素都执行一次回调函数。可以看做阉割版的 map。 map 对数组中的每一个元素都执行一次回调函数，并用回调函数的返回值组成一个新数组返回，默认返回 undefined。 for in 会对对象所有可枚举 …

在前端开发中，Promise 是一个特别重要的概念，很多的异步操作都依赖于 Promise。既然在日常中和它打过那么多的交道，那么我们来自己实现一个 Promise，加深对 Promise 的理解，增强自己的 JavaScript 功力。 本次在实现 Promise 的同时会使…

众所周知，JavaScript 这门语言是单线程的。那也就是说，JavaScript 在同一时间只能做一件事，后面的事情必须等前面的事情做完之后才能得到执行。 JavaScript 单线程这件事乍一看好像没毛病，代码本来就是需要按顺序执行的嘛，先来后到，后面的你就先等着。如果是…

在之前的一篇文章React 函数式组件优化中，提到可以利用 useCallback 来将函数记忆化，以达到每次传给子组件的都是同一个函数，避免子组件函数重复执行，提升性能。 针对函数的记忆化，除了使用 useCallback 之外，还能使用 useMemo。 在实际的工作中，我…

相信大家在日常中使用的最多的还是函数式组件和 React.Component 组件吧，今天就简单的说下函数式组件的两个优化方法。 在谈到函数式组件之前我们先看一个概念 - 纯函数。 引用一段维基百科的概念。 可以看到，纯函数有着相同的输入必定产生相同的输出，没有副作用的特性。 …

这两天做了个环形进度条的组件，之前用 css 做过，这次就打算尝试下用 svg 来做。 它其实是由两部分组成的，第一部分是背景的灰色圆圈，第二部分是蓝色的圆弧。两部分叠加就组成了环形进度条。 第一部分的灰色圆圈很好理解，第二部分的圆弧就多了些参数，正是这些参数产生了圆弧的效果。…

下面用原生 JavaScript 来实现一个简易版的 Promise，用来实现以下代码。 用过 Promise 的朋友都知道，Promise 要接受一个函数 fn 并调用它，Promise 还应该有一个表示状态（ pending, resolved, rejected ）的属性…

如果有这么一张表格要你维护。 表格简单的时候还好，用 JavaScript 操作起来还算方便。但随着应用越来越复杂，需要处理的数据也越来越大，越来越复杂的时候，需要利用 JavaScript 操作的地方也会越来越多，这个时候准确地修改数据就变得不是那么容易了。 用这个对象来表示…

这一次就来谈谈如何利用Travis CI来做云端单元测试。 Travis CI 是通过绑定 Github 上面的项目，只要有新的代码，就会自动抓取，搭建环境并进行测试，如果测试结果有什么变化，就会发邮件通信你。 Travis CI 要求项目的根目录下有一个 .travis.ym…