weixin_43856422的博客

1、屏蔽鼠标事件（hover、active、onclick、阻止缺省鼠标指针的显示）2、事件穿透3、svg元素使用。

box2 是边框盒模型（IE盒模型），width = 内容区（content）+ 内边距（padding） + 内边框（border），height 同理。entries 参数返回是一个数组，里面包含监听的每个 DOM 元素的相关信息，其中 contentRect 包含的是变化后的 内容区域 的尺寸信息。#box1 是 标准盒模型（w3c标准），width = 内容区（content），height 同理。observe 方法用于开始观察指定的 Element 或 SVGElement 的尺寸变化。

迭代器，是 ES6 引入的一种新的遍历机制，主要讲解的是 Iterator 、迭代过程、可迭代的数据结构。通过本文的学习，我们学会了迭代，迭代虽然一般用的较少，但是了解其原理是非常有必要的，这样才可以实现定义自己的迭代器来遍历对象。

【代码】手写call 、apply、bind 详细版。

发布订阅模式中，发布者发布消息时不会将消息直接发送给订阅者，发布者和订阅者之间不存在直接的联系；在发布者和订阅者之间存在第三方平台，称为消息代理或调度中心或中间件，它维持着发布者和订阅者之间的联系，可以处理所有发布者发布的消息并将它们分发给对应的订阅者，实现了发布者与订阅者之间的解耦。观察者模式定义了观察者和被观察者的一对多的依赖关系，它们之间存在直接的联系；当被观察者发布通知时，所有依赖于它的观察者都将得到通知。尽管它们之间有区别，但有些人可能会说。模式的变异，因为它们概念上是相似的。

我们知道Promise与函数都是用来解决JavaScript中的异步问题的，从最开始的回调函数处理异步，到Promise处理异步，到Generator处理异步，再到处理异步，每一次的技术更新都使得JavaScript处理异步的方式更加优雅，从目前来看，被认为是异步处理的终极解决方案，让JS的异步处理越来越像同步任务。异步编程的最高境界，就是根本不用关心它是不是异步。

缺点：不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据，方法不能使用break，continue语句跳出循环，或者使用return从函数体返回，对于空数组不会执行回调函数。缺点：不适用于处理原有的原生对象（原生对象是一个子集，包含一些在运动过程中动态创建的对象）优点：便利的时候更加简洁，效率和for循环相同，不用关心集合下标的问题，减少了出错的效率。循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如。定义：用于循环遍历数组或对象属性，fot in循环里面的index是。

hash是URL中#后面那部分，同时修改hash值不会引起页面的刷新，也不会向服务器重新发送请求。通过hashchange事件可以监听它的变化。备注：以上三种方式均可以触发hashchang事件, pushState和replaceState均不能触发hashchang事件。history提供了popstate监听事件，但是只有以下两种情况会触发该事件。

对需要进行测试的npm 包输入npm link项目中引入是name 指的是package.json 里面name， 而不是文件的名称。

CSS 样式表由 CSS 规则组成，可以通过 CSSRule 对象操作每条规则。如果为 true，样式表被关闭，且不能应用于文档。规定该样式表的样式表语言。以 MIME 类型表示，CSS 样式表的类型为 “text/css”。CSSStyleSheet 对象 代表着，css文件被浏览器解析后生成的css样式表。返回样式表的位置（URL），如果是内联样式表，则为 null。以数组的形式返回样式表中所有 CSS 规则。返回包含该样式表的样式表（如果有的话）。返回将该样式表与文档相关联的节点。

但是，它与事件有一个本质不同：事件是同步触发，也就是说，DOM 的变动立刻会触发相应的事件；Mutation Observer 则是异步触发，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。对一个节点添加观察器，就像使用addEventListener方法一样，多次添加同一个观察器是无效的，回调函数依然只会触发一次。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动都会触发MutationObserver事件。用来清除变动记录，即不再处理未处理的变动。

是版本当中引入的新语法特性，完全兼容CSS3的同时继承了强大的动态功能。混入（）用来分组那些需要在页面中复用的CSS声明，开发人员可以通过向Mixin传递变量参数来让代码更加灵活，该特性在添加浏览器兼容性前缀的时候非常有用，Scss目前使用指令来进行混合操作。上面的代码建立了一个名为的Mixin，并传递了一个变量$radius作为参数，然后在后续代码中通过继承是Scss中非常重要的一个特性，可以通过@extend上面代码将.message中的CSS属性应用到了.success、.error、

Shadow DOM 内部的样式不会影响外部，外部的样式不会影响shadow Dom的元素的样式

是用来描述字符串内容格式，使用它通常用于匹配一个字符串的内容是否符合格式要求。\d [0-9] \d可以匹配一个任意的数字字符\D [^0-9] \D 匹配任意一个不是数字的字符\s 可以匹配任意的空白。\S 可以匹配任意的不是空白的字符。\w 可以匹配任意的字母、数字或下划线。\W 可以匹配任意的字母、数字、下划线以外的内容。

如果被激活的历史记录条目是通过对history.pushState（）的调用创建的，或者受到对history.replaceState（）的调用的影响，popstate事件的state属性包含历史条目的状态对象的副本。使用虚拟路由的时候，angular 13的drawer 组件监听 popstate 的变化，会清空drawer内容，造成的问题。将当前URL和history.state加入到history中，并用新的state和URL替换当前。state：与要跳转到的URL对应的状态信息。

save()保存画布的所有状态restore()恢复 canvas 状态的save 和 restore 方法是用来保存和恢复 canvas 状态的，都没有参数。Canvas 的状态就是当前画面应用的所有样式和变形的一个快照。可能保存的状态有：当前应用的变形（即移动，旋转和缩放，见下）以及下面这些属性：strokeStyle, fillStyle, globalAlpha, lineWidth, lineCap, lineJoin, miterLimit, lineDashOffset, shado