笔记：2019年2月

Love The Way You Lie 2022-03-17 05:42 309阅读 0赞

## 1、event.target ##

event.target中保存的是触发事件的DOM元素，通常用来与this比较来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托。  
事件委托是利用事件冒牌，只指定一个事件处理程序就可以管理某一类事件。  
事件冒泡，就是从触发事件的元素开始向外层逐层传递，直到document层次。  
事件冒泡如：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MTQ5MA_size_16_color_FFFFFF_t_70]  
输出： a b c d e  
那么我们可以在父元素处理子元素们的某一类事件。即子元素把事件委托给父元素进行处理，即事件委托。  
有时，我们不希望a的点击事件发生后，a的父元素们的点击事件也发生，则可以使用event.stopPropagation语句来阻止事件冒泡。  
最适合采用事件委托技术的事件：click,mousedown,mouseup,keydown,keyup,keypress

和documen的区别 1、html是Dom标签，document指文档。document文档中的Dom树有html标签。window对象是浏览器的一个实例，是JS访问浏览器窗口的一个接口，又是规定的Global对象。document对象是window对象的一部分。如： document.body 等价于 window.document.body。 window对象的location属性引用的是location对象，表示该窗口中当前显示文档的URL。 document对象的location属性也是引用了location对象。 因此 window.location === document.location //true

## 2、 js字符与ASCII码互转的方法 ##

字符串=>ASCII

`'a'.charCodeAt();`

ASCII=>字符串

String.fromCharCode(97);

# 20190211-20190215 #

## 1、静态公有方法 ##

MyObject在私有作用域中在原型上挂载了一个公有方法，可以访问私有作用域中的变量。  
思考：原型上的函数的作用域含有被添加时的作用域。

## 2、js运行机制（Event Loop） ##

分为主线程和任务队列，主线程为空时，会读取任务队列中的事件（代码）。  
任务队列是一个事件队列，只要指定过回调函数的事件在事件发生时就会进入任务队列。  
回调函数：作为参数传递的函数，异步任务必须指定回调函数。  
回调函数的使用场景:

*  异步编程
 *  事件监听、处理。
 *  setTimeout、setInterval方法。
 *  通用功能，简化逻辑。

settimeout和setInterval是到设置的事件后才触发回调函数，也就是添加到任务队列中。这里设置的时间是相对于在下一轮事件循环开始时的时间的间隔。这个时间是js执行到settimeout这个语句开始计算。h5中对时间标准化，最小4ms，不足则补齐  
通过阅读Promise/A+规范，可以得知异步的实现可分为两个机制，分别是macro-task和micro-task。  
Macrotasks包括: script（整体代码）、setTimeout, setInterval, setImmediate, I/O, UI Rendering；  
Microtasks包括: process.nextTick, Promise, Object.observe, MutationObserver。  
Macrotasks、Microtasks执行机制：  
1.主线程执行完后会先到micro-task队列中读取可执行任务  
2.主线程执行micro-task任务  
3.主线程到macro-task任务队列中读取可执行任务  
4.主线程执行macro-task任务  
5…转到Step 1  
这里注意的是，UI Rendering是在micro-task之后执行，需要在UI渲染之前执行的逻辑，一般采用micro-task异步回调方式进行调用

## 3、说明this几种不同的使用场景 ##

作为构造函数执行：指向new生成的对象  
作为对象属性执行：指向调用的对象  
作为普通函数执行：指向调用的对象  
作为回调函数执行：指向调用时的上下文  
settimeout和setInterval：指向调用时的上下文即window  
闭包：指向当前函数  
箭头函数：指向定义时的上下文  
call、apply、bind：可以指向任意的函数上下文

## 4、npm install 发生了什么 ##

*  发出npm install命令
 *  npm 向 registry 查询模块压缩包的网址
 *  下载压缩包，存放在~/.npm目录（缓存目录）
 *  解压压缩包到当前项目的node\_modules目录  
    npm intsall命令后会有两份文件，一份在项目的nodel\_modules中，一个在缓存目录中，windows中是npm-cache.  
    增加npm速度（从缓存中下载，但并不是离线下载）

npm install --cache-min 9999999 <package-name>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU0MTQ5MA_size_16_color_FFFFFF_t_70]: /images/20220317/fa760332839f4adda201ae9f7c8d900f.png