![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
深圳最菜的前端
这个作者很懒,什么都没留下…
展开
-
小程序按钮防抖
直接贴代码吧在util.js中,封装函数,然后在其他地方进行使用//util.jsfunction throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } let _lastTime = null // 返回新的函数 return function () { let _nowTime = + new Da原创 2020-12-02 14:48:18 · 496 阅读 · 0 评论 -
微信小程序跳转新页面返回时数据传参及保留原页面已填信息
这种应用场景很多地方用到,比如填写表单,需要到新页面选择后返回原页面。目前常用的方法有,1、使用全局数据 app.globalData.mydata = xxx2、使用 storage 储存不过两种方法都涉及到销毁和管理的缺陷,在此推荐使用 API: getCurrentPages()在返回按钮 bind 一个 handleBack ,调用返回页面的 setData() 方法,实现夸页面修改data同时返回跳转使用 wx.navigateBack 保留原页面已经填好的数据。handleBac原创 2020-12-01 10:31:15 · 2462 阅读 · 0 评论 -
苹果导航条的高斯模糊效果(css)
今天接到一个需求,实现一个高斯模糊半透明的效果,以前没有写过这种效果,今天实现了,做一个记录这个是给出的设计稿可以看到,在免费预约门店的位置,滑动下来的文案,是一个毛玻璃效果,底部的绿色是固定的// 底部容器.btn-bottom{ width: 750rpx; height: 303rpx; position: fixed; bottom: 0; left: 0; background-color: rgba(126, 194, 36, .8); backdrop-filter:原创 2020-09-22 22:31:05 · 1507 阅读 · 0 评论 -
小程序如何使用npm构建和引入一些外部包
一直在使用的一些很不错的插件,但是最近小程序更新,必须要使用miniprogram_npm才能用,不然就报错了,然后研究了一波,网上很多介绍,但是无奈人太傻了,看不懂,所以自己搞一个1,在文件根路径,npm init一下,会生成一个package.json,如果原有项目已经有了,就会在里面追加所需要的代码2,打开开发者工具,选择详情=>本地设置=>使用npm模块3,按照常规方法,安装外部包,例如我需要在小程序中使用vant + dayjs// 安装vantnpm i @vant/wea原创 2020-07-20 16:25:01 · 597 阅读 · 0 评论 -
小程序实现点击动画效果
今天接到一个小程序优化需求,要实现一个点击的动画效果考虑实现方法,使用css的transition属性来进行实现,点击的时候给css新增一个active属性,就能实现这个效果了// html <view class="list-box"> <view class="list {{item.check ? 'active' : ''}}" wx:for="{{listOne}}" data-id="{{item.id}}" wx:key="index" bindtap="bindC原创 2020-07-06 10:53:44 · 2616 阅读 · 0 评论 -
一些数据处理的小技巧(持续更新)
使用场景一:新增在vue + element管理后台中,使用下拉框,下拉框数据是从后台拿到的,但是参数不够,得前端重构一下数据// 后台返回这么一个数组,是下拉框的数据data:['百度', '腾讯' , '360' , '搜狐']看看官方demo,但是使用element的下拉框的时候,是需要value和label两个值才行export default { data() { return { options: [{ value: '选项1原创 2020-06-12 16:57:45 · 242 阅读 · 0 评论 -
关于小程序wx.navigateTo报错
昨天做小程序,因为页面很多,跳过来跳过去的,后面无意间发现wx.navigateTo报错以前好像也没有出现过这种情况啊赶紧翻一下文档然后发现保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack可以返回到原页面。小程序中页面栈最多十层。哦,出现这个原因就是小程序栈溢出so,封装一个简单的方法吧// 如果页面有10个了,就使用redirectTo,否则就还是使用navigateTofunction safeNavigate(params)原创 2020-06-12 10:06:59 · 572 阅读 · 0 评论