- 博客(15)
- 收藏
- 关注
原创 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关注的人