我最近一直在研究 DOM 和 影子 DOM 究竟是什么，以及它们之间有何区别。 概括地说，文档对象模型（DOM）包含两部分；一是 HTML 文档基于对象的表示，二是操作该对象的一系列接口。影子 DOM 可以被认为是 DOM 的缩减版。它也是 HTML 元素基于对象的表示（推荐这…

以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

Web 缓存是可以自动保存常见文档副本的 HTTP 设备。当 Web 请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是原始服务器中提取这 个文档。（此结论来自http权威指南） 缓存减少了冗余的数据传输，节省了你的网络费用。 缓存缓解了网络瓶颈的问题。不…

不知道看了多少篇关于this的文章，很难理解，每次看到的文基本都是说明了this的几个不同环境的指向。然后像记住历史一样，记在了脑子里，但这种记忆随着时间的变化会越来越分辨不清。 主要么，也是我没有真正深入的去了解this。真的去深入了，才发现this涉及的内容真的好多。 在《…

js异步的存在是因为，js是单线程的，如果一些任务需要处理时间比较耗时，那么下面的任务就会一直等这个任务执行完成才能继续，比如一些IO任务，这样就会导致执行效率低效，所以js的设计者意识到了这点，设计了异步执行任务，主线程不必等待异步任务完成才执行下去，这样我们就可以把一些耗时…

上一篇文章 「前端面试题系列1」今日头条 面试题和思路解析 中提到了 async/await。它是在 ES8 中正式提出的，但是我发现，身边的朋友用到 async/await 的并不多。那么今天，我们就具体地聊聊什么是 async 函数，与 Promise 相比较，有哪些写法与…

又到了半年一度的考试季，对于那些翻山越岭外出求学的莘莘学子们，相比于各显神通的考试，更紧张的莫过于买一张回家的车票，相信很多群最近都被下面这样的图占领了。 而且现在各家的抢票方式都是八仙过海，各显神通，这家让你消费买加速包，那家让你疯狂推销，以至于才出现了上述加速小程序的疯狂炸…

说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起去了解一下JS中的函数劫持是什么，有什么用。 函数劫持，顾名思义，即在一个函数运行…

本文通过堆的实现、最小堆（最大堆）、堆的时间复杂度、优先队列的实现、堆排序来介绍「 堆 」。 堆的一个经典的实现是完全二叉树(complete binary tree)，这样实现的堆称为二叉堆(binary heap)。 这里来说明一下满二叉树的概念与完全二叉树的概念。 满二叉…