本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。

为了回馈我们的开发者社区，我们查看了数千个项目的数据库，发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。如果你能够避免落入这些 “陷阱”，你将会成为一个更好的开发者。 数据才是王道，我们收集并分析了出现频次…

其中，file参数传入一个File（Blob）类型文件；quality参数传入一个0-1的number类型，表示图片压缩质量；fn为回调方法，包含一个Blob类型文件的参数。 这样的话，图片压缩上传就能轻松地搞定了，以上的8个方法我已经封装好放到github上了，喜欢的话可以使…

CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： 为了使其成为二维的网格容器，我…

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）在标准ECMA-262中定义的脚本语言规范。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。 至发稿日为止有九个ECMA-262…

现在面试文章已很多，更不觉得新鲜，本文可能有点不同，正因为“多”也就才有了本文的输出。 相信很多前端小伙伴也包括我在内，面试前都要做一些准备，而做做面试题是最平常不过的事儿了，然而每次面试前都要现找面试题，而且答案也不是现成的，其实这样重复的事情在不知不觉中浪费你很多时间。 也…

最近工作中遇到了很多有关二进制的处理，如PDF的生成，多个PDF的打包，音频的拼接。为了数据的一致性，以及减少与后端通信的复杂度，工作量都在浏览器端。 浏览器，或者前端更多处理的是 View 层，即 UI = f(state)，状态至界面的转化。但是也有很多关于二进制的处理，如…

本文用JavaScript的exec方法来测试正则表达式。 例如，正则表达式/F.*g/会匹配“以F开头，以g结尾的字符串”，因此可以匹配"Hello, Fundebug!"中的Fundebug，exec方法会返回一个数组，其第一个元素为所匹配的子字符串。 默认情况下，正则表达…