一、写在前面前端的存储方式也是重中之重，下面来总结一下前端存储方式的种类。二、总结主要存在四种：cookie,localStorage,sessionStorage,indexedDB。2.1、cookies：在HTML5标准前本地储存的主要⽅式，优点是兼容性好，请求头⾃带cookie⽅便，缺点是⼤⼩只有4k，⾃动请求头加⼊cookie浪费流量，每个domain限制20个cookie，使⽤起来麻烦

一、写在前面数组对于前端的重要性，就不用说了，因为我们可以将很多其他数据类型转化为数组，利用数组中的很多方法就行解决问题。下面我们将总结一下将类数组转化为数组的方法。二、具体方法2.1、使用Array.from<script>let divs = document.querySelectorAll('div')console.log(divs)console.log(Array.fro

在前端开发中存在很多的浏览器，那么我们如何检测出浏览器的类型，下面我们主要总结一下。一、userAgent我们可以通过usrAgent来进行判断浏览器的类型。const explorer = window.navigator.userAgentif(explorer.indexOf("MSIE") >= 0) {console.log("IE")//判断是否为IE浏览器}else if(ex

第一种事件模型是最早的 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型。