前端圈一年 365 天，天天出新框架，但真正能让你少写代码、少引依赖、少踩性能坑的，其实是浏览器爸爸早已偷偷内置的「原生外挂」。 1. ResizeObserver ResizeObserver 是一

FileSaver.js 是在客户端保存文件的解决方案，非常适合在客户端上生成文件的 Web 应用程序。它简单易用且兼容大多数浏览器，被作为项目依赖应用在 6.3 万的项目中。在近期的项目中，阿宝哥再一次使用到了它，所以就想写篇文章来聊一聊这个优秀的开源项目。 FileSave…

在某些场景下，我们希望能监视 DOM 树的变动，然后做一些相关的操作。比如监听元素被插入 DOM 或从 DOM 树中移除，然后添加相应的动画效果。或者在富文本编辑器中输入特殊的符号，如 # 或 @ 符号时自动高亮后面的内容等。要实现这些功能，我们就可以考虑使用 Mutation…

JS中的日期时间应用场景是非常广阔的，比如说：评论提交、文章发布、内容编辑、页面监控、节日活动等等，有生命的地方就存在时间。 我们在数据库存储时间字段的时候，一般都会以时间戳的标准来存储。 再添加一个时间戳的参数，只需把时间戳传进日期对象即可。 很久以前如果我们不曾相遇，如果没…

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。今天我们来进入 Axios 源码解析

Regular Expressions翻译成中文叫正则表达式。也不知道是谁翻译过来的，听起来就很严肃。似乎翻译成通用表达式更能传达其精髓，如果你不怕梦见屈原的话。 为什么叫通用表达式？因为它有一套和编程语言无关的文本匹配规则。很多语言都实现了正则表达式的文本匹配引擎，只不过在功…

前后端数据交互经常会碰到请求跨域，什么是跨域，以及有哪几种跨域方式，这是本文要探讨的内容。 本文完整的源代码请猛戳github博客，纸上得来终觉浅，建议大家动手敲敲代码。 同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSR…

更新：在常用七种继承方案的基础之上增加了ES6的类继承，所以现在变成八种啦。 构造函数、原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个原型对象的指针。 继承的本质就是复制，即重写原型对象，代之以一个新类型的实例。 原型…

据说阿里有一道面试题就是谈谈函数节流和函数防抖。 糟了，这可触碰到我的知识盲区了，好像听也没听过这2个东西，痛定思痛，赶紧学习学习。here we go！ 可以看到，我们只要按下键盘，就会触发这次ajax请求。不仅从资源上来说是很浪费的行为，而且实际应用中，用户也是输出完整的字…