番茄炒蛋979

要理解DOM相关事件，我们先要理解“事件流”这个概念，事件流描述的是从页面中接收事件的顺序。 事件冒泡：事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点或文档。 事件捕获：事件开始由不太具体的节点接收，然后逐级向下传播到最具体的节点。它与事件冒泡是个相反的过程。 …

在说跨域之前，首先需要了解的一个概念就是”同源策略“。 源=协议+域名+端口号。 如果两个url的协议、域名、端口号完全一致，那么这两个url就是同源的。 我们可以通过window.origin或location.origin得到当前源。 同源策略即：不同源之间的页面，不准互相…

什么是 html2canvs? html2canvas 的作用就是允许让我们直接在用户浏览器上拍摄网页或其部分的“截图”。 它的屏幕截图是基于 DOM 的，因此可能不会 100% 精确到真实的表示，因

大多数小伙伴不理解的可能是为什么要把匿名函数用一对括号包起来。 其实，这么做的目的是为了兼容JS的语法。 立即执行函数的作用只有一个，那就是创建独立的作用域。 让外部无法访问作用域内部的变量，从而避免变量污染。 上面的代码之所以输出的结果是1到6，而不是6个6，是因为我们每次都…

Promise 是异步编程的一种解决方案，比传统的解决方案回调函数和事件更合理和更强大。 有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。 一个Promise的当前状态必须为以下三种状态中的一种：等待态（Pending）、执行态（Fu…

instanceof的工作原理就是测试构造函数的prototype 是否出现在被检测对象obj的原型链上。 注意：instanceof 也不是万能的。 在这个例子中，arr 数组相当于 new Array() 出的一个实例，所以 arr.__proto__ === Array.…

这里首先要说一下为什么会出现async和await，异步编程的解决方案首先是promise，但是由于promise里面的.then() .catch() 的使用也导致代码非常难看，嵌套也很深，所以async/await就出来了，它是建立在promise之上的。 进一步说，asy…

最近一直在忙小程序的业务，目前的打算是将整个小程序拆分为不同的组件，最后整个小程序使用组件来完成搭建。 那么在开发组件的过程中，对于如何编写组件产生了一些自己的思考，分享给大家，希望能对你有所启发。 我们在封装一个组件的时候，首先需要思考的就是，你这个组件里面的哪些属性是要封装…

刚开始只需要引入3个svg图片，一个一个引入的话工程量也不是很大，可是后期随着项目的增大，需要引入的文件越来越多，处理起来非常麻烦。 说一句题外话。 高级的程序员就是让“问题变得简单”。 有了上面三行代码，大大提高了开发的效率，即便后期有再多的svg图片需要引入也不需要担心。