数组中的 reduce 犹如一只魔法棒，通过它可以做一些黑科技一样的事情。语法如下： reduce 接受两个参数，回调函数和初识值，初始值是可选的。回调函数接受4个参数：积累值、当前值、当前下标、当前

总所周知，随着前端应用的业务功能起来越复杂，用户对于使用体验的要求越来越高，单面（SPA）成为前端应用的主流形式。而大型单页应用最显著特点之一就是采用的前端路由跳转子页面系统，通过改变页面的URL，在不重新请求页面的情况下，更新页面视图。 在 H5 还没有流行开来时，一般 SP…

本文短小精悍，我保证。在过去的数个月里，我注意到在我审阅的 pull request 中有四个（关于数组使用的）错误经常出现。同时，我自己也会犯这些错误，因此有了这篇文章。让我们一起学习，以确保以后能正确地使用数组方法！ 我记得在我学习 JavaScript 的课程中有类似的这…

大家都说前端写页面较多，几乎用不到算法。本文愿从弹幕设计这个场景来描述算法在前端中的应用，我们先来看下实现效果： 开场之前我们先来描述弹幕开发的难度，再集中精力描述算法设计的思路。 如何保证不同字号的弹幕不碰撞 弹幕的位置计算 弹幕的速度控制及动画实现 弹幕与视频的同步 如何保…

这是一个猜拳游戏，三局两胜。从utils库中使用了一个叫getWinner的函数。这个函数返回获胜的人，如果是平局则返回null。我们假设getWinner是调用了某个第三方的机器学习服务，也就是说我们的测试环境无法控制它，所以我们需要在测试中mock一下。这是一种你只能通过m…

开发中，我们或多或少地接触了设计模式，但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点，从而对它们有比较清晰的认知。 看完了上述设计模式后，把它们的关键词特点罗列出来，以后提到某种设计模式，进而联想相应的关键词和例子，从而心中有数。