最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…

从最开始学的for循环遍历方法，到后来层出不穷的各种遍历方法，其实最大的区别就是应用场景的不同。 我们最需要记住的就是，什么情况下用哪一种方法比较合适。

JavaScript 已经有API支持reflection对象，但是这些API都没有很好地组织起来，所以ES6中的Reflect优化了命名空间。不像其他的全局对象， Reflect不是一个constructor，不能使用new操作符或像一个function一样调用，所有Refl…

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…

这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 滚动到相应区域来执行相应动画或其他任务。 一直以来，检测元素的可视状态或者两…

最近在开发一个个人项目时，我冒出了一个尝试让浏览器说话的想法。不知道该怎么做，于是，我在网上寻找了一下答案，在MDN上，我找到了答案。让我们来看看如何通过JavaScript让浏览器说话。 1. 最简单的例子 让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让…

今年国庆假期终于可以憋在家里了不用出门了，不用出去看后脑了，真的是一种享受。这么好的光阴怎么浪费，睡觉、吃饭、打豆豆这怎么可能（耍多了也烦），完全不符合我们程序员的作风，赶紧起来把文章写完。 这篇文章比较基础，在国庆期间的业余时间写的，这几天又完善了下，力求把更多的前端所涉及到…

首先需要知道对于数组和可迭代对象的遍历方法，我们需要从不同的维度进行对比，方法的功能性，方法的应用场景，方法的兼容性，方法的效率，方法的返回值以及是否改变原始数组。深层次的我们可以思考如何实现这些方法，并且考虑到低版本浏览器的兼容性。如果要分group的话，可以这么分：forE…

ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMAScript-262。 ECMAScript 标准建立在一些原有的技术上，最为著名的是 JavaScript (网景) 和 JScr…