推箱子小游戏大家肯定都玩过，之所以写这篇文章，是觉得这个小游戏足够简单好理解，大家看完文章之后，自己也能花上半天功夫敲出一个推箱子小游戏来，如果喜欢的话可以点波赞，或者关注一下，希望本文可以帮到大家。 本文代码已经放在了github上面了,里面也进行了很详细的代码注释，可以co…

一切源于一个简单的需求，音乐播放器，一开始就只是写个UI，调用媒体 API，然后加上了通过进度条映射到seek音频进度到功能，再往上加需求的时候，就是音频可视化了。 记得十多年前的电脑上，Windows Media Player、千千静听等音频软件都会有音频可视化的界面，都是各…

本文旨在总结常见的性能缺陷，以及如何来避免这些缺陷。 性能问题在web应用开发中不是什么新鲜事。 我们每个人都有这样的时刻，当你把一个新的Component组件放到你的app中，你会突然发现你尝试的每一个用户交互动作都与期望的效果有很明显的滞后。有时，你可以重复使用多个同样的组…

JavaScript 是目前最流行的编程语言之一，正如大多数人所说：“如果你想学一门编程语言，请学JavaScript。” FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习。他回答：“ JavaScript。”：…

有时候我们需要在用户离开页面的时候，做一些上报来记录用户行为。又或者是发送服务器ajax请求，通知服务器用户已经离开，比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 浏览器有两个事件可以用来监听页面关闭，beforeunload和unload。 bef…

记录一下，自己以后可能用的到。 网上看到的。 有时，我们需要检查一些变量是否存在，或者它是否具有有效值，从而将它们的值视为true。对于做这样的检查，你可以使用!!（双重否定运算符），它能自动将任何类型的数据转换为布尔值，只有这些变量才会返回false：0，null，""，un…

不久前，我在在前后端分离实践中提到了基于 Token 的认证，现在我们稍稍深入一些。 通常情况下，我们在讨论某个技术的时候，都是从问题开始。那么第一个问题： Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token …

在移动端，我们经常会有这样的情况发生： 用户在 3G/2G 网络情况下，上传手机拍下的照片在经过上传再下载耗时非常长，流量消耗也不少。 因此我们提出了一个要求：前端先压缩图片，在浏览器中预览，再上传到服务器，并且要兼容 Android 4.0.....

作为一个前端er，如果不会写一个小插件，都不好意思说自己是混前端界的。写还不能依赖jquery之类的工具库，否则装得不够高端。那么，如何才能装起来让自己看起来逼格更高呢？当然是利用js纯原生的写法啦。以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体…