最近在 H5 开发与 APP 客户端工程师的联调过程中， 经常需要实现一些常用的移动端事件封装成接口提供给客户端，例如用户的单击 tap 事件、双击事件、长按事件以及拖动事件。但由于浏览器默认只提供了 touchstart、touchmove、touchend 三个原生事件，在…

如果你曾使用JavaScript库做过开发，那么你可能已经注意到一个名为 this的特定关键字。虽然 this在JavaScript中非常常见，但是完全理解this关键字的原理以及在代码中如何使用对相当一部分的开发者来说着实不易。在这篇文章中，我将帮你深入理解 this及其工作…

在javascript中，定时器是一个经常被误用且不被众人所知的特性，但如果在复杂应用程序中正确应用定时器的话，就会给开发人员带来非常多的好处。 1.js运作在浏览器中,是单线程的，即js代码始终在一个线程上执行，这个线程称为js引擎线程。 单线程的含义是js只能在一个线程上运…

以往做一些 H5 的运营项目，都是动画设计师使用 Animate cc（原来的 Flash）先设计好动画原型，然后交给我们 UI 开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的，而且还要高质量的还原动画设计师设计好的动画，来回沟通成本也非常高。 那有没有一种高效的方法来改善这种流程，提高开发效率的同时还能完成高品质的动画呢？

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过这个概念的小佬，本文都有义务讲清楚Service Worker和PWA的关系，在此假设大家仅仅是一个对Se…

本文从理论和实战的两个方面讲述前端离线日志系统是如何构建的，因为内容比较多，我将文章分为 3 部分来讲述整个日志系统的设计。 随着前端项目越发复杂，前端日志的重要性也越发凸显，通常我们使用网络请求上报的方式记录日志，比如 badjs，友盟的 cnzz等等。采用网络请求上报的方式…

onfullscreenchange事件触发的时刻的有2个：一是进入全屏时，二是退出全屏时。也就是说如果全屏模式的状态发生了改变，那么onfullscreenchange事件就会被触发 验证onfullscreenerror事件最简单的方式就是：在事件监听器之外发起全屏请求。 …

根据微信支付文档, 修改卡号长度为10到30位.

我们所有的代码都跑在计算机上，计算机的核心是CPU和内存。从这个角度来看，效率高的代码应当占用更少的CPU时间，更少的内存空间。 时间复杂度这个东西，是描述一个算法在问题规模不断增大时对应的时间增长曲线。所以，这些增长数量级并不是一个准确的性能评价，可以理解为一个近似值，时间的…