localStorage 是 HTML5 规范中作为持久化保存客户端数据的方案，localStorage 可以用于数据缓存，日志存储等应用场景。由于 localStorage 本身的一些特性： 使用好 localStorage 并没有那么简单，本文主要介绍其使用的一些最佳实践。…

通过微信每日定时给指定的一位好友发送消息，去年就有一个类似的想法，不过一直没去执行，直到上周看见篇文章。 不过他的一些功能我根本不需要，而且定时提醒消息只能是文字，看上去多少没那么好看，于是就打算自己撸一个，加了点其它的小功能，然后就有了这篇文章，前后也花了两天多时间，还有一些…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 大约8年前，当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined 的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null == undefined的…

js中的作用域是词法作用域，即由函数声明时所在的位置决定的（区别于词法作用域，动态作用域是在函数执行的时候确认的，js的没有动态作用域，但js的this很像动态作用域）。词法作用域是在编译阶段就产生的，一整套函数内标识符的访问规则。 说到底作用域只是一个“空地盘”，其中并没有真…

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的

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

this 无疑是 JavaScript 中使用最广泛但又容易被误解的关键字，今天我将会对其进行详细的解释。 这句话中，我们不直接使用 Phelps，而是使用代词“he”来指代他。类似地，JavaScript 中使用 this 关键字指向引用上下文中的对象。 在上面的代码中，我们…

文本节点，IE8以下空格节点获取不到。 元素节点 div。 属性节点 class、id、value。 获取子代节点（动态获取）。ele.childNodes：文本节点、元素节点。ele.children：只获取元素节点。 获取第一个子代节点。ele.firstChild：返回第…

对象是JavaScript中非常重要的数据结构。 JavaScript的对象是一种无序的集合数据类型，它由若干键值对组成。 一个JavaScript对象可以有很多属性，属性定义了对象的特征。 访问属性是通过.操作符完成的，但这要求属性名必须是一个有效的变量名；对象的属性也可以通…