- 博客(15)
- 收藏
- 关注
RSS订阅
1原创 ElementUI表单验证之时间日期选择器datetimerange验证一直不通过原因
刚开始的时候，我给了个默认时间我把时间清除后，他会进行校验，这时候是可以的但是当我再次选择时间时，他的校验一直没有消失，那肯定是某些地方有问题我当时一直在该组件和rules里面找问题后来发现，问题其实超级简单，我人傻了原因其实就在这，把v-model改成就ok了。
2023-09-20 16:08:15
1758
原创 this.$nextTick()和this.$set()
this.$nextTick()先上代码！！！！！//页面<div ref="dev">{{ msg }}</div><div v-if="msg1">{{ msg1 }}</div><div v-if="msg2">{{ msg2 }}</div><div v-if="msg3">{{ msg3 }}</div><button @click="changeMsg()">Chang
2022-02-17 01:57:14
1453
原创 v-show和v-if以及visibility：hidden的区别
1.v-show隐藏时，就是在某个DOM节点的样式上，加上 display:none，把他隐藏之后，他不会在页面中占据位置，其余的节点会走到这个节点上去。但是打开f12是可以找到它的，无法操作DOM节点他会引起重排重绘2.v-if隐藏时，添加v-if之后，打开f12，不可以找到这个DOM元素，直接被抹除的，他也不会在页面中占据位置。无法操作DOM节点他会重新把整个页面再次加载3.visibility：hidden这是css的属性，当你使用他隐藏某个节点时，他也可...
2022-02-10 16:56:34
1318
原创 防抖、节流
面试时候经常会被问到的一个题，自己记录一下，顺便和大家分享，如果有什么不对的地方，请大佬及时指正！1）防抖n秒内高频事件再次被触发，则重新计算时间，每次触发事件都会取消之前的延时调用方法，重新执行延时。就是点击n次，但只有最后一次才会触发，不断刷新定时器，使它重置时间。举个例子，挤公交车，站台上有10个人等车（你点击了10次），公交车开门第一个人走了上去（你点击第一次的时候），公交车以为剩下的人不是坐这车的，就关门了，门已经缓缓关上了，但是还没完全关闭（进入定时器，定时器已经开始跑了
2022-02-10 16:10:46
225
原创 什么是重绘重排？
通俗点说，重绘就是改变某个节点的样式，重排就是增加或者删掉某些节点所以说，重绘不一定会引起重排，但是重排一定会引起重绘。也就是你写了一个html+css，重绘就是修改一下颜色，字体大小，背景等等；但是重排的话，就会在你原来的结构上，又增加了一个东西，把你的写的东西全打乱了，所以你需要重绘，把结构重新排版。引起重排的原因：1）添加、删除可见的dom2）元素的位置改变3）元素的尺寸改变（外边距、内边距、边框厚度、宽高等几何属性）4）页面渲染初始化5）浏览器窗口尺寸改变
2022-02-10 15:33:18
2509
原创 assets和static的相同点及不同点
相同点：两个都是存放静态资源文件。项目中所需要的图片、字体图标、样式文件都可以放在这两个文件夹下不同点：1.assets在项目打包时，即是npm run build的时候，会进行打包上传（压缩体积，代码格式化），压缩后的文件最终也会放在static中，跟着index.html一同上传至服务器；2.static在项目打包时，不会走压缩格式化等流程，直接进打包好的目录，直接上传至服务器。因为避免了压缩直接上传，在打包时会提高一定的效率，但是因为没有压缩，所以文件的体积也相对大一点，在服务器中占据
2022-02-09 18:18:58
362
原创 宏任务和微任务
先执行微任务，再执行宏任务直接上代码吧！console.log("start");setTimeout(() => { console.log("1")}, 0);new Promise((res)=>{ console.log('res'); res()}).then(()=>{ console.log("then1");}).then(()=>{ console.log("then2");})console.l
2022-02-09 14:29:08
110
原创 vue的通信方式有哪些
1.vuex2.事件总线eventBus3.父子组件（props）prop只可以从上一级组件传递到下一级组件（父子组件），即所谓的单向数据流，而且prop只读，不可被修改，所有修改都会失效并警告//父组件<xxx :articles="articleList"></xxx>//子组件<template> <div> <span v-for="(item, index) in articles" :key="index
2022-02-08 16:34:06
165
原创 cookie,sessionStorage和localStorage的区别
cookie在请求中发送Set-Cookie HTTP头作为响应的一部分，通过name=value的形式存储失效时间一般默认是浏览器关闭失效，可以自己设置失效时间（设置失效时间后，即使窗口或浏览器关闭，也依旧有效）存放数据大小为4k左右，有个数限制（各浏览器不同），一般不超过20个cookie保存过多，会带来性能问题控制cookie的失效时间，当被窃取时，可能也是一个过期的cookie如果cookie被人拦下，就可以获取所有信息，加密也不起作用了sessionStorage
2022-02-08 15:22:24
204
原创 vue的生命周期有哪些
生命周期就是一个应用从出生到消亡的过程，在特殊时候会自动调用的回调函数beforeCreate //组件创建之前created //组件创建之后 （最早调用数据，调用方法，调用异步函数的生命周期）beforeMount //页面渲染之前Mounted //页面渲染之后 （页面全部渲染完成，文档中存在dom节点，最早操作dom节点）beforeUpdate //页面视图数据更新之前Updated //页面视图数据更新之后beforeDestroy //页面销毁之前 （此时的filt
2022-02-08 14:23:14
554
原创 http状态码有哪些
1**服务器收到请求，请求者继续执行操作2**成功请求，操作被承受并处理3**重定向，进一步操作以完成请求4**客户端错误，请求包含语法错误或无法完成请求5**服务器错误，服务器在处理请求的过程中发生了错误400 客户端语法错误401 未授权，需要身份认证402 保留，将来使用403 拒绝执行404 找不到资源405 请求中的方法被禁止408 超时500 服务器内部错误501 服务器不支持请求503 超载，维护...
2022-02-08 11:33:11
1205
原创 ES6新特性有哪些
1.let 和constlet 表示申明变量。const 表示申明常量。const在申明时必须被赋值。两者都为块级作用域。2.模板字符串（``）可以使用反引号``来进行字符拼接。`${}`3.变量的解构赋值4.箭头函数不需要 function 关键字来创建函数省略 return 关键字this始终指向函数申明时所在作用域下的this值var fn = function(){};var fn =()=>{}5.promise &l
2022-02-07 16:57:57
578
原创 new操作符做了什么事情
new操作进行了四个步骤1.创建一个空对象objfunction Person (){ this.age = 18 } Person.prototype = function eat(){}var Child = new Person() //这就是第一步创建对象了2.设置原型链 即 obj . _proto _ = 构造函数.prototype ;//接上面代码Child.__proto__ = Person.pr.
2021-07-03 15:20:42
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人