wwwqiaoling的博客

几乎每次面试都会本问到浏览器的事件机制，今天来整理一下！本文包含进程与线程、事件循环、宏任务与微任务的梳理，文字偏多，请稍微多点耐心，是经过本人学习了一些资料后的一点小总结，如果有说明不准确甚至错误的地方，欢迎路过的大神们指正！ 首先要知道的以下几个概念： 进程：进程是CPU资源的最小分配单位 线程：线程是CPU调度的最小单位 线程依赖于进程 一个进程至少有一个线程 而咱们的浏览器就是多进程的，浏览器之所以可以工作，是因为CPU给它分配了资源。就拿Chrome来说。它的每个页签都是一个独立的进程，验

js中的创建对象 工厂模式 function createPerson(name){ var obj = new Object() obj.name = name return obj } var person = createPerson('Bella') 构造函数模式 缺点：方法不复用 function Person(name) { this.name = name thi...

关于JavaScript事件的那些事儿 今天温习了一下小红书，来整理一下事件的知识点 事件：文档或浏览器窗口中发生的一些特定的交互瞬间，可以使用侦听器或者处理程序来预定事件，以便事件执行相应的逻辑代码。比如常见的按钮的点击事件等。 事件流：描述页面中接收事件的顺序的一个概念。分两种：IE的事件冒泡流，Netscape Communicator的是事件捕获流。 从总体上来说，两者都是基于DOM结构...

ES6中的Set的定义、属性、操作方法、遍历方法。

防抖是属于体验优化的一个手段，咱们来看下一个具体的情景，在输入框中输入信息，然后触发change事件，如果一直输入，那就回一致触发这个事件，体验就不太友好，如果等用户输入暂停的时候再触发就好很多了。 对于上面的问题，咱们可以先设置一个定时器，输入暂停后，并且到了定时的时间再触发change事件。 页面元素比较简单，就不写了，直接写逻辑代码吧！废话不多说，直接上代码！ // 首先获取目标元素 c...

JavaScript实现数组去重的两种方法： 1.简单粗暴直接循环将元素放到另一个新的空数组中，每次遍历如果新数组中不包含这个元素就放入到新数组中。 function unique1(arr) { const res = []; arr.forEach(item => { if (res.indexOf(item) < 0) { res.push(item)...