自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

转载 通过css3的filter属性实现网页变黑白效果

通过css3的filter属性实现网页变黑白效果

2023-02-20 14:36:56 185

原创 使用IntersectionObserver代替之前通过监听scroll的方法实现图片懒加载

使用IntersectionObserver代替之前通过监听scroll的方法实现图片懒加载

2023-01-30 17:37:11 173

原创 vue3+element 使用Sortable实现table拖拽排序

vue3+element 使用Sortable实现table拖拽排序

2023-01-18 15:38:08 629

原创 new URLSearchParams获取第一个参数为null的解决办法

new URLSearchParams获取第一个参数为null的解决办法

2022-11-28 17:32:29 846

原创 URL的解码与编码

URL的解码与编码

2022-11-28 15:37:53 312

原创 前端个人百宝箱 零碎集合

前端常用的凌乱知识

2022-11-05 22:32:27 785

原创 通过vite-plugin-svg-icons 使用SVG图片

通过vite-plugin-svg-icons 使用SVG图片

2022-06-27 10:11:46 16449 14

原创 通过正则表达式过滤html标签

通过正则表达式过滤html标签

2022-06-14 16:13:10 2141

原创 性能提升:Object.freeze()

性能提升:Object.freeze()

2022-05-30 17:52:19 484

原创 vue3 富文本编辑器

vue3 富文本编辑器

2022-02-28 16:05:33 6093 7

原创 ctrl+v实现剪切板效果

ctrl+v实现剪切板效果

2022-02-25 20:38:58 453 2

转载 通过JavaScript监测手机浏览器的五种方法

JavaScript侦测手机浏览器的五种方法

2022-02-24 10:06:58 2308

转载 如何解决跨域问题?以及如何提升代码性能?

跨域解决方法有: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 226

原创 uniapp的优缺点有哪些?

优点:1、多端开发,一套代码可以生成ios、安卓、微信小程序、支付宝小程序等。 2、学习成本低,uniapp封装的组件与微信小程序相似,并且基于vue.js,上手快。 3、结合HBuilder开发速度快。缺点:完善性较差,uni-app问世的时间还比较短,坑多。如果想要一个更稳定、坑更少的开发环境,建议选择其他平台。...

2021-07-21 22:30:13 17120 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 818

转载 GET和POST两种基本请求方法的区别

GET和POST两种基本请求方法的区别GET和POST是HTTP请求的两种基本方法,要说它们的区别,接触过WEB开发的人都能说出一二。最直观的区别就是GET把参数包含在URL中,POST通过request body传递参数。你可能自己写过无数个GET和POST请求,或者已经看过很多权威网站总结出的他们的区别,你非常清楚知道什么时候该用什么。当你在面试中被问到这个问题,你的内心充满了自信和喜悦。你轻轻松松的给出了一个“标准答案”: GET在浏览器回退时是无害...

2021-07-21 22:01:11 302

原创 为什么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 138

转载 Vue.set()和this.$set()介绍

作用场景:数据修改后视图未更新($set会触发整个页面重新渲染)在我们使用vue进行开发的过程中,可能会遇到一种情况:当生成vue实例后,当再次给数据赋值时,有时候并不会自动更新到视图上去; 当我们去看vue文档的时候,会发现有这么一句话:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 如下代码,给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }

2021-07-21 13:44:33 258

原创 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 262

原创 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 1165

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除