- 博客(23)
- 收藏
- 关注
原创 vue3通过vue-cropper结合ElementPlus的Upload实现上传图片并剪切的功能
【代码】vue3通过vue-cropper结合ElementPlus的Upload实现上传图片并剪切的功能。
2024-08-14 10:12:35
372
原创 使用IntersectionObserver代替之前通过监听scroll的方法实现图片懒加载
使用IntersectionObserver代替之前通过监听scroll的方法实现图片懒加载
2023-01-30 17:37:11
194
原创 new URLSearchParams获取第一个参数为null的解决办法
new URLSearchParams获取第一个参数为null的解决办法
2022-11-28 17:32:29
869
转载 如何解决跨域问题?以及如何提升代码性能?
跨域解决方法有:1、设置document.domain---解决无法读取同源网页的cookie问题。因为浏览器是通过document.domain属性来检查两个页面是否同源,因此只要通过设置相同的document.domain,两个页面就可以共享Cookie(此方案仅限主域相同,子域不同的跨域应用场景。//两个页面都设置document.domain='test.com'2、通过JSONP跨域JSONP 是服务器与客户端跨源通信的常用方法。但只支持get请求,不支持post。3、
2021-07-21 22:44:05
233
原创 uniapp的优缺点有哪些?
优点:1、多端开发,一套代码可以生成ios、安卓、微信小程序、支付宝小程序等。 2、学习成本低,uniapp封装的组件与微信小程序相似,并且基于vue.js,上手快。 3、结合HBuilder开发速度快。缺点:完善性较差,uni-app问世的时间还比较短,坑多。如果想要一个更稳定、坑更少的开发环境,建议选择其他平台。...
2021-07-21 22:30:13
17174
6
原创 vue-router的跳转原理
vue-router实现单页面路由跳转,更新视图但不重新请求页面”是前端路由原理的核心之一。提供了三种方法:(hash、history、abstract)根据mode参数来决定采用哪一种方法1、hash:利用URL中的hash(“#”)。2、history:依赖html5 history API和服务器配置 (利用History interface在 HTML5中新增的方法)。3、abstract:支持所有js运行环境,如node.js服务器端。...
2021-07-21 22:15:42
826
转载 GET和POST两种基本请求方法的区别
GET和POST两种基本请求方法的区别GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”: GET在浏览器回退时是无害...
2021-07-21 22:01:11
310
原创 为什么v-for与v-if不能同时使用?如何处理该情况?
1.为什么v-for与v-if不能同时使用??v-for 的优先级比 v-if 高,会造成渲染出本应该隐藏的元素。2.如何处理该情况?方法一:使用computed。<el-input v-for="item in data" :key="item.name" v-if="item.age==3"></el-input>改成<el-input v-for="item in data" :key="item.name"></el-
2021-07-21 21:38:14
142
转载 Vue.set()和this.$set()介绍
作用场景:数据修改后视图未更新($set会触发整个页面重新渲染)在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }
2021-07-21 13:44:33
266
原创 for...in与for...of的区别
for...in:遍历键名,会遍历对象的整个原型链,性能差。for...of:后者遍历键值,只遍历当前对象不会遍历原型链,将异步循环变成同步循环。在ES5中可以使用forEach循环数组,但无法中途跳出break命令或者return。而使用for...of循环可以与break、continue、return配合使用,跳出循环。总结:for...in用来遍历对象而生,不适用数组。 for...of可以用来遍历数组、类数组对象、字符串、set、Map等。...
2021-07-16 14:34:44
278
原创 v-cloak的作用
HTML 绑定 Vue实例,在页面加载时会出现闪烁情况,该指令可解决此问题。v-cloak的作用:这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如[v-cloak] { display: none }一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕例如:css:[v-cloak]{display:none;}html:<div id="app">{{mag}}</div><script> ne...
2021-07-16 14:22:43
1168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人