- 博客(9)
- 收藏
- 关注
原创 项目打包时,process.env去除的可能性方案
共用一个包。问题原因分析:1、代码中含有使用process.env.NODE_ENV判断所处环境执行不同业务的代码。2、代码api请求时,有process.env.[API],如VUE_APP_ROOTPATH,使用process.env. VUE_APP_ROOTPATH来去请求不同的接口。以上两种原因都会导致测试和生产最终的代码不同。
2024-07-29 16:01:09 362
原创 http缓存图解
在前端开发中,减少不必要的静态资源请求可以在很大程度上提升我们的页面性能,因此有一个优秀的缓存策略是十分有必要的。这里我们将详细的聊聊http缓存下的强缓存和协商缓存。http缓存策略图解:1、强缓存(判断字段:Expires和Cache-Control)强缓存是利用http的返回的响应头中的Expires或者Cache-Control (优先级更高) 两个字段来控制的,用来表示资源的缓存时间。命中强缓存时,浏览器并不会将请求发送给服务器。Expires: 指定一个具体时间.
2022-03-31 00:13:49 1959
原创 javaScript深浅拷贝详解及手动实现
拷贝指的就是将某个变量的值复制给另外一个变量的过程,关于拷贝可以分为浅拷贝与深拷贝。针对不同的数据类型,浅拷贝与深拷贝会有不同的表现,主要表现于基本数据类型和引用数据类型在内存中存储的值不同。对于基本数据类型,变量存储的是值本身,对于引用数据类型,变量存储的是值在内存中的地址,如果有多个变量同时指向同一个内存地址,其中对一个变量的值进行修改以后,其它的变量也会受到影响。var arr=[1,23,33]var arr2=arrarr2[0]=10;console.log(arr) /
2022-03-21 01:11:30 1784
原创 javaScript中call、apply、bind的手动实现
1、call方法,fn1.call(fn2,参1,参2....) function add(num1, num2) { console.log(this,"<----add"); console.log(num1 + num2); } function sub(num1, num2) { console.log(this,"<----sub"); console.log(num1 - num2); } Function.prototype.myCall = f
2022-03-20 22:55:57 1049
原创 判断数组的常用方法及区分
1、instanceof 用法:【变量】 instanceof Array【变量】 instanceof Object var a = [1, 2, 3]; console.log(a instanceof Array); // true console.log(a instanceof Object); // true var userInfo = { userName: "zhangsan" }; console.log(userInfo..
2022-03-20 16:26:04 1097
原创 ReactHooks的基本使用
我们知道,函数式组件是没有状态绑定,生命周期等特性的,为此,衍生出了hooks钩子函数,来弥补函数式组件的不足。一、userState():状态钩子这里,将用函数式组件,实现如下的user的获取渲染。1、导入useState关键字,利用useState设置初始值,并且解构出变量名和操控变量的方法函数。2、渲染页面,绑定状态。3、利用绑定的方法,修改state。如此,便可以实现state的改变。完整代码如下。import React,{ useState,} ..
2022-03-13 18:05:33 700
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人