第一种事件模型是最早的 DOM0 级模型，这种模型不会传播，所以没有事件流的概念，但是现在有的浏览器支持以冒泡的方式实现，它可以在网页中直接定义监听函数，也可以通过 js 属性来指定监听函数。这种方式是所有浏览器都兼容的。...

一、认识vitewebpack是目前整个前端使用最多的构建工具，但是除了webpack之后也存在其他一些构建工具。比如说rollup,parcel,gulp,vite等等。vite的官方定位是下一代前端开发和构建工具。如何定义下一代开发和构建工具呢？我们知道在实际开发中，我们在编写的代码往往是不能被浏览器直接识别的，比如ES6，TypeScript,Vue文件等。所以此时我们必须通过构建工具来对代

一、什么是类数组类数组的定义只存在一条，就是存在length属性。1、类数组形式<script>let divs = document.querySelectorAll("div")console.log(divs.length)//9console.log(divs[0])//<div>1</div>console.log(divs)//NodeList(9)

javascript高阶函数—filter—map—reduce高阶函数就是给函数传入的参数就是一个函数,例如filter(function(){.....})这里就以数组为例filter用法filter的汉语意思就是过滤的意思，在数组中就是将不满足条件的数据过滤掉。过滤后的数组元素存放在新的数组中。例子：map用法reduce用法...

最近看了一下javascript垃圾回收机制的博客，现在对其进行简单的总结。垃圾回收:是一个自动的垃圾回收机制垃圾回收的原理:考虑某一些对象或者变量在未来运行中不被考虑，并且向这些对象要求归还内存。但是在垃圾回收中，最为困难的就是找到在未来不被使用的对象。为了解决上述问题，我们可以采用以下两种方法、一、引用计数法如果对象a中存在对对象b的引用，则对象b上的引用数不为0，此时在垃圾回收时，不能进行销

一、写在前面今天总结一下localStorage和sessionStorage之间的区别。二、具体区别2.1、声明周期的区别localStorage是永久存储在浏览器中，只要当用户不删除数据，则该数据就会一直存放在localStorage中。sessionStorage是会话级别的存储，从名字session我们就可以看出来了，也就是当用户关闭浏览器，此时数据就会被销毁。2.2、存储大小：local

本篇博客主要总结一下什么是XSS攻击，并且如何防范XSS攻击。一、什么是XSS攻击XSS攻击中文名称为：跨站脚本攻击，XSS的重点不在于跨站，而在于脚本的攻击。XSS攻击的工作原理：攻击者会在web页面中插入一些恶意的script代码。当用户浏览该页面的时候，那么嵌套在该页面的代码就会执行，因此会达到攻击用户的目的。XSS的分类：XSS攻击最主要分为如下几类，反射型，存储型，DOM-based型。

vue3中的hooks其实是函数的写法，就是将文件的一些单独功能的js代码进行抽离出来，放到单独的js文件中。这样其实和我们在vue2中学的mixin比较像。下面我们总结一下如何去书写hooks。首先应该先建立一个hooks文件夹：其目的是为了存放hook文件。建立相关的hook文件：一般使用use开头。一、计数器的hookuseTitle的hooksuseScrollPostion用来监测浏览器

在vuex中的actions选项中保存的是一些异步的方法。在actions中提交mutation，而不是直接改变状态。一、actions的基本使用如上述代码所示，此时在actions中传入的参数为context，context是一个和store具有相同的方法和属性。二、actions的参数设置三、actions的辅助函数actions的辅助函数在options中的使用actions的辅助函数在co

在vue中如果我们存在组件A和组件B，并且在组件B中使用组件A,那么此时组件A的vnode会放入vdom中，进而转化为真实的DOM。此时我们的vue中存在一个内置组件teleport，我们可以将其中的内容插入到的其他的VDOM中。teleport中存在两个参数：一个是to:表示将其插入到哪里,另一个是disabled:表示是否禁用teleport的功能。和组件结合在一起多个teleport一起使用