- 博客(10)
- 收藏
- 关注
原创 vue非插件实现列表无限循环滚动
最近刚好有个功能需要实现列表的无限循环滚动,在网上找到vue-seamless-scroll组件,使用起来很方便,也实现我需要的功能。我去查看了插件源码,实现原理还是比较有趣的,所以就参考了一下,自己手动实现个例子。.....................
2022-07-20 15:46:19 9584 10
原创 用正则表达式使el-input只能输入正数
我们设置type为number时确实可以防止字母或者其他字符的输入,但是e这个字母其实在数学上是一个无限不循环小数来的,所以我们设置输入框为number时也是可以输。而且还有可以输入02.1或者1.2.3这种情况,对于一些金额或者其他的需求,这种格式其实不是很好。将type改为text,通过正则表达式让el-input只能输入正数<el-input type="text" size="mini" v-model.trim="value" placeholder="请输入"
2021-03-19 14:17:33 2545
原创 微信小程序动态改变分享内容(mpvue)
一、简单分享对于微信小程序分享非常简单,我们只需要调用onShareAppMessage然后设置参数就ok。 onShareAppMessage() { return { title: `分享标题`, //分享的标题 path: `/pages/subPages/shopDetail/main?id=${this.goodsId}&shareId=${ this.$store.state.userinfo.id }`, //分享的链
2020-12-01 12:06:20 2026
原创 mpvue在退出当前页面时关闭setInterval
mpvue在退出当前页面时关闭setInterval最近开发秒杀功能利用setInterval自定义了一个倒计时器,当倒计时到零时清除计时器,如果时间太长还没有倒计完就跳出页面,setInterval还是会执行,所以我们最好在跳出页面时也把计时任务清除掉,很简单,就是利用mpvue的生命周期函数和clearInterval,分两种情况。一、利用navigateBack返回上一页,可以在onUnload中关闭 onUnload() { clearInterval(this.timer);
2020-11-27 11:08:36 687
原创 mpvue利用painter生成海报
前言 最近发现之前做的小程序海报功能突然无法保存和显示,在一些手机上面会出现海报闪烁问题,而且保存后是一片空白。一开始我以为是手机兼容性问题,但是我通过几部测试机,发现同款手机,有些会出现问题,有些不会。找了好久的问题,后来想是不是上传的图片的太大问题,然后百度了一下,发现需要先将网络图片下载再进行海报的生成,我试了一下,完美解决问题。 &n
2020-09-12 17:09:34 863 5
原创 微信小程序调用本地相册与拍照
小程序调用相册与拍照微信小程序提供了许多方便api给开发者使用,比如说wx. showActionSheet()调用菜单栏,wx.chooseImage()从本地相册选择图片或使用相机拍照。我们可以利用这些模拟用户设置头像,就是从本地调用图片设置在页面上并缓存到storage,刷新页面时图片不刷掉。1、点击头像时弹出底部菜单栏2、由于我是直接使用电脑测试,所以点击拍照或者相册都是弹出本地图...
2019-11-16 17:29:19 6057 2
原创 关于前端Bootstrap基础学习总结
Bootstrap基础知识总结本人前端菜鸟一枚,这是之前学习bootstrap时候作的笔记,也是我的第一篇博文。以后我还会坚持不定时地发自己的学习笔记,希望能和各位大神一起学习。刚好今天是10月24号程序员日,所以以此纪念一下。1、页面主体:<body> font-size 14px,line-height 1.428px。 <p>margin=1/2行高。2、...
2019-10-24 16:28:48 257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人