- 博客(53)
- 收藏
- 关注
RSS订阅原创 TCP的三次握手、四次挥手
3.第三次握手：当客户端收到服务端的确认报文后，知道服务端具备接收和发送数据的能力，但是此时服务端并不知道自己具有接收的能力，所以还需要发送一个确认报文，告知服务端自己是具有接收能力的。2.第二次握手：当服务端接收到同步报文后，回复确认同步报文，此时服务端是知道客户端具有发送报文的能力，并且知道自己具有接收和发送数据的能力，但是并不知道客户端是否有接收数据的能力；最后，当整个三次握手结束过后，客户端和服务端都知道自己和对方具备发送和接收数据的能力，随后整个连接建立就完成了，可以进行后续数据的传输了。
2023-09-03 14:48:56
2698
原创 live-server本地起node服务解决跨域问题
在根文件夹新建一个build.js文件（名字可以自定义)此时会在根目录下生成一个package.json文件。执行dev就相当于执行了build.js文件。NPM 全局安装live-server。
2023-07-28 18:33:22
912
原创 Element ui Upload 上传图片到七牛云
北美 NA http(s)://upload-na0.qiniup.com http(s)://up-na0.qiniup.com。东南亚 http(s)://upload-as0.qiniup.com http(s)://up-as0.qiniup.com。华北 NCN http(s)://upload-z1.qiniup.com http(s)://up-z1.qiniup.com。七牛的一张存储区域表。
2023-07-28 16:58:29
668
原创 vue2+wangEditor5富文本编辑器（图片视频自定义上传七牛云/服务器）
this.upqiniu是我写的上传服务器的代码，最终将接口返回的地址return出去就行。上传到后台接口的可直接按照文档这个配置就行接口返回格式也要可文档上一致。2）自定义上传（一般上传到别的服务器上，我这边是上传到。到这一步编辑器就可以正常显示了。在data配置上传图片、视频。在main.js中引入样式。在使用编辑器的页面引入js。
2023-07-28 16:36:22
2914
1
原创 Ant Design日期选择框a-date-picker用法
但因为a-date-picker内部用到了dayjs，所以还需要全局设置下dayjs为中文，在main.ts里添加。在入口文件app.vue里设置。3.新建公共方法文件。
2023-05-17 17:36:31
2163
原创 Vue3.0使用Vuex之mapState与mapMutations用法
2.新建useMutations.ts文件。1.新建useMapState.ts文件。3.store.ts文件。
2023-05-17 15:54:46
753
原创 Day.js 常用方法
Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间，文件大小只有2KB左右，下载、解析和执行的JavaScript更少。dayjs('2019-01-25').valueOf() 或 dayjs().valueOf()获取最近周六的日期 => 2022-04-23。获取最近周日的日期 => 2022-04-17。代表在指定时间（value）上去加减；返回0(星期日)到6(星期六)的数字。代表在当前时间上去加减；
2023-05-17 15:22:21
1945
原创 如何在 Axios 中去控制 Loading
只需要接口请求的时候的添加loading ，接口响应完成的时候删除loading。但是随之而来的就有一个问题，如果多个接口同时请求 或者 一个接口频繁请求需要覆盖的都是同一个dom，这样我们添加的loading就会有很多个相同的，相互覆盖。因此上述代码定义了一个loadingDom 记录当前正在loading的dom有哪些，如果有一样的进来的 就把count加一 ，结束后就把count减一。因为ref返回的对象是RefImpl类的实例 并不是一个普通的对象，axios在做深拷贝的时候没有处理这种实例对象。
2023-04-19 10:52:40
1476
原创 自定义列表
需要注意的是我们的头部是动态的，布局使用的是24格，所以我们需要动态计算出列表头的长度，用24除上长度再向下取整，给每个列头加上平均数宽度。列表头也可以是动态的。
2023-03-29 17:57:48
104
原创 vue element-ui表格组件动态多级表头
由于统计维度是可变化的（它可以是省市也可以是区县），所以需要专门设置一个表格的数据来保存表头，然后通过v-for="item in tableColData"的方式来循环展示表头，由于省市是循环展示表头数据的，所以如果省市里面如果有第二级别的表头，就需要在表头数据多设置一级children，加上第二层v-for="item1 in item.children"来遍历二级表头。需要注意的是每个数据的字段需要和表头id对应上.
2023-03-21 16:07:49
2956
原创 vue中axios请求全局封装loading动画
以服务的方式调用的全屏 Loading 是单例的：若在前一个全屏 Loading 关闭前再次调用全屏 Loading，并不会创建一个新的 Loading 实例，而是返回现有全屏 Loading 的实例，所以我们全局封装的时候采用计数的方式确定是否关闭loading.Loading.service target里面可以配置局部现实加载动画，适应于实际项目中不需要全屏显示加载动画。
2023-03-21 15:28:01
793
原创 vuex的使用之mapMutations、mapState、mapActions
总的来说使用了它们就不用传统的this.$store.state去获取状态值,也不用this.$store.commit(）或者this.$store.dispatch()。可以直接用this去调用了。（2）在组件methods里使用。（2）在组件methods里使用。（2）在组件计算属性里使用。（1）在需要的组件内引入。（1）在需要的组件内引入。（1）在需要的组件内引入。
2023-03-14 15:01:58
382
原创 JVM内存区域划分
方法代码片段是属于.class字节码文件的一部分，字节码文件(也就是.class类文件)在类加载的时候，将其放在了方法区内存中，所以这也就导致了JVM的三块主要内存空间中，方法区内存最先由数据存放。当方法只定义不调用的时候是不会执行的，因为不执行,所以在JVM中也就并不会给它分配“运行所属”的内存空间，只有在调用这个方法时才会动态的给这个方法分配所属的内存空间。
2023-02-24 11:51:09
82
原创 Vite搭建vue3+TS项目
需要注意的是实际项目中可能有多个环境，所以baseurl是动态配置的，新建一个 ip-config.ts文件。注意：1.用vscode进行开发的时候，推荐使用volar,禁用以前vue2常使用的插件Vetur。10.新建http.ts文件，封装get、post、put等请求方法。最后在main.ts文件里全局引入,每个页面组件可以直接调用方法.11.配置跨域 在vite.config.ts文件。执行对应的命令，有本地，测试，生产三种环境。7.修改vite.config.ts。
2023-02-21 15:16:47
372
原创 vue3 + vite3 按需引入 ant design vue 并自定义主题
3. 安装 unplugin-vue-components 用于按需引入 ant design vue。1. 在 vite 构建的 vue3 项目中安装 ant-design-vue。2. 安装 less（因为 ant-design的样式是less)5. 通过引入样式文件来自定义主题色。新建一个样式文件，比如。
2023-02-21 10:19:15
1538
原创 el-dialog 遮罩层覆盖内容的问题
做项目的时候用了el-dialog,发现弹窗内容也被遮罩层给覆盖了，用z-index设置也没有用。解决方法：:append-to-body="true"，加上这个终于可以了。
2023-02-16 14:16:46
398
原创 Vue3中watch和watchEffect监听的用法
默认初始时不执行回调，但可以 通过配置immediate为true，来指定初始时立即执行第一次，也可以通过配置deep为true来指定深度监视。这种写法比较简洁，它可以同时监听firstName和lastName,并计算出fullName。特点：1. 不用指定要监视的数据 2.默认初始时就会执行一次。监听reactive对象中的属性，必须通过函数来指定。监听多个数据时要使用数组来指定，（1）监听单个非对象中的属性。(2)监听对象中的属性。(3)同时监听多个数据。
2023-01-06 18:41:33
1429
原创 Vue3的computed用法
如果传递给 computed 的是一个函数，那么这就是一个 getter 函数，我们只能获取它的 值，而不能直接修改它。如果需要修改计算属性的值，计算属性传入一个对象， 包含get 和 set 函数， 就能实现创建一个可以修改的计算属性。上述的例子只是单纯的计算两个数的和，可以直接引入computed方法在方法里进行计算。计算属性不是只可以写一个的，可以写任意多个计算属性，代码如上所示，效果如下。如果我们直接修改计算属性的值会报错误。
2023-01-06 16:56:22
3000
原创 vue2和vue3的响应式原理对比
从代码可以看出arr数组可以使用push方法主要是因为 当我们定义arr=[]时，其实它相当于arr=new Array(),所以arr指向Array的原型函数，即arr.__proto__=Array.prototype,所以arr可以使用数组的push等方法，但是现在我们把arr.__proto__又等于obj了，所以。2.数组直接通过下标修改元素，比如(arr[1]=xxx)或者更新数组的length，界面不会自动更新，不是响应式的。从打印的结果可以看出，对象和数组已经改变了，但是页面不更新。
2023-01-04 17:38:01
425
原创 VUE更改项目默认图标
运行后你会发现一个比较神奇的事：你之前特别想替换的Vue图标 它自动变成了你的图标！这样的话就可以删除static文件夹，然后将index.html代码修改成以前的（重新运行后也可以不手动删那两行代码，它可以自动变成下面这样）使用方法：下载软件后，直接双击exe文件完成自动安装，然后如下图所示，右键点击需要转化的PNG图片，可以发现此时选项中多出了“”选项，直接点击，然后就会发现此文件夹中已经多出了一项同名ICO文件。把其他格式的图片转为ico格式的软件用的是：PNG-to-ICO。
2022-12-30 11:42:33
2809
原创 理解vue生命周期以及父子组件的生命周期顺序
更新前后： beforeUpdate/updated 销毁前后： beforeDestroy/destroyed。创建前后： beforeCreate/created 渲染前后： beforeMount/mounted。每个vue实例都有一个生命周期 一共分为八个阶段。但是dom结构依然存在。
2022-12-29 15:08:55
990
原创 实现单点登录
else {//在确定拉取完用户信息后可以进行操作})})}}else{// 没有token== -1){ // 在免登录白名单，直接进入next()}else{//通过接口获取当前用户需要的登录方式if (store.state.user.loginType == '1'){//默认系统自身的登录方式redirect=${to.fullPath}`)//跳转到系统自己的登录页面}else{//单点登录。
2022-12-28 18:07:51
305
原创 关于height:100%和height:100vh的区别
但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏幕高度一致。vh就是当前屏幕可见高度的1%，也就是说。
2022-12-28 16:36:00
112
原创 深拷贝和浅拷贝、赋值的区别及其原理
赋值：就是对原对象的栈内存地址进行复制，但是他们的堆内存数据还是共享的。浅拷贝：是对原对象的属性值进行精准复制，如果原对象的属性值是基本类型，那就是值的引用，所以浅拷贝后修改基本类型不会修改到原对象的，如果原对象属性值是引用类型，那么就是对引用类型属性值的栈内存的复制，所以修改引用类型属性值的时候会修改到原对象。因此一般对无引用类型的属性的兑现拷贝的时候使用浅拷贝就行，对复杂对象包含引用类型属性的时候使用深拷贝。
2022-12-26 18:03:28
851
原创 JS的事件循环机制
结论：从结果可以看出当await后面跟的是promise对象时，遇到await也会阻塞它以及它后面的代码，会先执行asnyc外面的同步代码，当同步代码全部执行完且等promise对象 fulfilled后，然后把。结论：当await后面跟的不是promise对象时，此时遇到await就会阻塞后面的代码，优先执行async外面的同步代码，当外面的同步代码都执行完毕后才开始执行await代码以及它后面的代码。（2）这样就会出现等待的情况,如果之前的事件没有执行完成,后面的事件就会一直等待。
2022-12-10 17:20:07
211
原创 详谈js构造函数与原型对象及原型链
一个构造函数可以有多个实例化对象console.log(this.name+'是'+this.class+'班的学生')}}var stud1=new Fun1('小明',5)var stud2=new Fun1('小王',5)如上所示一个构造函数Fun1它可以有多个实列对象，比如stud1和stud2。
2022-12-09 20:44:47
287
原创 纯css定义样式变量，可全局使用
使用 CSS 变量会是更好的选择，有利于后期更改，精简代码，减少冗余，代码更直观，有利于响应式开发借助结构性伪类中的 :root{ } 中，在全局 :root{ } 中定义了一个 CSS 变量，命名为 --xxxx，名字前面一定要注意符号（--）
2022-12-09 17:12:10
1346
原创 js中对arguments对象的理解
每个函数都有一个arguments属性，表示函数的实参集合，这里的实参是重点，就是执行函数时实际传入的参数的集合.arguments不是数组而是一个对象，但它和数组很相似，所以通常称为类数组对象，以后看到类数组其实就表示arguments。arguments对象不能显式的创建，它只有在函数开始时才可用。但是arguments同样具有length属性，arguments.length 为函数实参个数，可以用arguments[length]显示调用参数。
2022-12-09 15:07:22
129
原创 箭头函数和普通函数
可以看出普通函数fun1是有arguments和prototype属性的，但是箭头函数fun2是没有这些属性的。从上面打印出的数据可以看出因为箭头函数是没有。对象，打印出的是6666，箭头函数。打印的结果如上图显示。是在函数定义的时候就确定了,原型对象的, 因此如果直接使用。
2022-12-09 14:44:26
108
原创 git 码云上传本地项目
1.打开项目路径，初始化本地项目，生成.git文件2.在缓存中添加文件，一般是（添加所有文件），添加单个文件直接在后面加文件名而不是.3.输入本次修改改动的注释（本次修改与上次项目不同的地方添加这个注释）4. 添加远程仓库git remote add origin 项目地址.git5.上传，并打开码云检查
2022-12-07 16:28:13
151
原创 vue中css变量的使用
1、css中声明变量--color：red2、使用变量color:var(--color) //color:red获取到全局声明变量值为reddata中声明变量colordata(){retrun {color:red}}或者使用this.$refs.devcolor.style.setProperty('--color',this.color)color:var(--color) //使用变量co
2022-12-07 14:58:42
5184
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人