前端WebCode-CSDN博客

原创 webpack5搭建一个react脚手架

使用webpack5从0到1创建一个react脚手架, 并总结一些webpack5的新特性，适合初学者上手尝试。

2022-05-10 08:55:47 584

什么是浏览器缓存？所谓的浏览器缓存指的是浏览器将用户请求过的静态资源，存储到本地内存和磁盘中，当浏览器再次访问时，就可以直接从本地加载，不用再次发起请求。为什么需要浏览器缓存？减少了服务器的负担，提高了网站的性能加快了客户端网页的加载速度减少了多余网络数据传输浏览器缓存的机制一、强缓存如果缓存资源有效，则直接使用缓存资源，不必再向服务器发起请求。设置方式：Expires：服务器通过在响应头中添加 Expires 属性，来指定资源的过期时间。在过期时间以内，该资源可以

2022-03-23 00:33:37 3385

原创 ES6的Set数据结构

ES6提供了新的数据结构Set。它类似于数组，但是成员的值都是唯一的，没有重复的值，是严格类型约束。一、基本用法我们使用new关键字和Set构造函数来创建一个空集合。let set=new Set();如果想要创建的同事初始化实例，我们可以传入一个可迭代的对象。let set=new Set([1,2,3,4,5]);二、增删改查的API1. 我们可以用add()增加值let set=new Set([1,2,3,4,5]);set.add(...

2021-10-06 21:01:37 254 1

原创 js不同去重算法的性能

数组去重是一个老生常谈的问题，我们前端在实际的开发也会遇到，现在已经有各种各样的数组去重解法，下面对不同数组去重方法进行性能分析，让大家了解那种解法的时间复杂度低，运行效率高。一、利用filter筛选indexOf()位置与当前位置相同的 let arr = [] // 创建百万条百以内的整数数组数据 for(let i = 0;i < 1000;i++){ arr.push(parseInt(Math.random() * 5000))

2021-09-26 16:30:11 177

原创 js判断数组是否相等的方法

今天项目有一个需求是判断两个数组a,b是否相等来确定内容有没有进行过修改，如果数组不一样就是修改过要进行提示，然后我下意识用===来判断，报错后才意识到数组是引用数据类型，不是基本数据类型，所以不能根据值来判断，对象的比较均是引用的比较，他们是不同引用对象有着不同的内存空间。所以我们不能用===来判断，可以用以下方法判断。方法一：数组转化为字符串，然后用===或者==判断var a=[1,2,3];var b=[1,2,3];console.log(a.toString()==...

2021-09-22 22:20:37 1638

原创 JQ/JS 父页面获取iframe子窗口的元素

无论是原生的js还是jquery，我们必须在iframe加载完毕以后才能进行操作获取子页面的元素进行相应的操作。方法1：原生JS进行父页面获取iframe子窗口的元素document.getElementById('iframeId').contentWindow.document.getElementsById('iframe子页面Id')window.frames["iframeID"].document.getElementsByClassName('iframe子页面ID').

2021-09-01 23:46:38 12004 2

原创 IE浏览器ajax缓存问题

2021-08-25 22:44:33 211

cksdbb的博客