一、认识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用来监测浏览器

一、什么是浏览器的同源策略浏览器的同源策略是指：js脚本在未经允许的情况下，不能够访问其他域下的内容。二、同源同源:协议，域名，端口都相同的则是同源，其中一个不同则都不属于同源。三、同源策略主要限制同源策略主要限制三个方面：1、一个域下的js脚本不能访问另一个域下面的cookie,localStorage和indexDB2、一个域下的js脚本不能够操作另一个域下的DOM.3、ajax不能做跨域请求

一、前言我们了解的vue指令有： v-model,v-show,v-for等，除了这些指令，我们也可以实现自己的自定义指令。在vue中代码的抽取和复用主要是通过组件，如果我们想要对DOM元素进行底层操作，可以通过自定义组件来完成。二、自定义指令的分类自定义局部指令:在options api选项中的directives中设置。自定义全局指令:在app的directive方法。三、input框聚焦案例

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