最近在持续学习JavaScript的一些设计模式，那么为什么要学习设计模式呢？所谓的设计模式就是在不同的开发场景下，总结出的一种通用解决方案。知道和学习这些设计模式对我们以后的开发将大有裨益，也能让你的能力提升一个层级，接下来就开始我们的实践吧。 这篇文章我们将讲解单例模式，…

这个圆圈是用border-radius: 50%画出来的，所以width/height变大的时候，圆圈的半径就会变大，但是在变化的过程中变形了。如果改成用padding做动画，效果也一样，那怎么办呢？一个方法是把动画时间调小一点，这样看起来会减轻，但终究不是根本解决办法。 我在…

随着移动端市场的份额越大，需求就越多样化。我们今天讨论的是移动端的滚动穿透问题。上面这段调侃的话可以看出需求中弹窗浮层还是挺常见的，那这个和滚动穿透有什么联系呢？ 接下就说下我对滚动穿透问题解决方案探索的过程，希望对大家有点启发。 接到这个需求觉得没有难度，很快就提测了，然后就…

由此，可以看到一个由小到大扩张的圆。由于没有擦除上一帧，每一帧的绘制结果都显示出来，所以呈现出来的是一个实心的圆。我想绘制的是一个闪烁的圆，那么可以把上一帧给擦除。 首先，先画一由底部到画布中央的延伸线。既然是运动的延伸线条，那起码会有一个起点坐标和一个终点坐标 如图。大概需要…

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（

很多第三方分享SDK对于分析的icon的bitmap大小做了强制要求，比如32kb，那么我们需要对于即将要通过intent传递的bitmap做一个压缩，保证不会引起异常。 32位（4byte），4个byte描述四个不同的参数（alpha，red，green，blue）。Bitm…

简单来说:Proxy对象就是可以让你去对JavaScript中的一切合法对象的基本操作进行自定义.然后用你自定义的操作去覆盖其对象的基本操作.也就是当一个对象去执行一个基本操作时,其执行的过程和结果是你自定义的,而不是对象的. 😓好吧,用文字表达可能太复杂了.我们还是直接上代…

秉承着会就分享，不会就折腾的技术宗旨。自己利用周末的时间将休闲小游戏-五子棋重新梳理了一下，整理成一个小的教程，分享出来给大家指点指点。 正式比赛的规则，可以戳百度百科了解下哈--五子棋。 这里实现的五子棋小游戏是使用javascript语言进行编写的，使用到了es6语法，面向…