自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何彻底解决微信小程序滚动穿透问题

前言:我们在开发业务的过程中总会有各种样式的弹窗需求,在弹窗弹起来的时候,底部的内容却可以滚动,刚开始我们使用catchtouchmove解决了,但是在复杂一点的情况下还是会导致滚动穿透。今天分享一个永久解决该问题的方法。使用官方的page-meta组件,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html通过该组件我们可以直接操作Page组件 ,我们给它的wxss样式overflow动态设置

2022-03-02 20:19:54 2986 3

原创 如何彻底解决小程序滚动穿透问题

我们在开发过程中总会有开发弹窗的需求,在弹窗弹起来的时候,底部的内容却可以滚动,最开始我们使用catchtouchmove解决了,但是在特殊布局的情况下还是会导致滚动穿透。今天分享一个永久解决该问题的方法。就不卖关子了,我摊牌了。使用官方的page-meta组件,很多童鞋可能还不知道这个是干嘛的,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html通过该组件我们可以直接操作Page组件 ,我

2021-07-01 17:09:16 764

原创 如何在微信小程序里使用Lottie动画库

先看效果图:前言:微信小程序的lottie动画库是按照lottie-web动画库改造而来。参考lottie-web:https://github.com/airbnb/lottie-web,以及官方文档:http://airbnb.io/lottie/#/目前我们要用到的是http://airbnb.io/lottie/#/web调用lottie.loadAnimation()启动动画。它采用以下形式将对象作为唯一参数:animationData:具有导出的动画数据的对象。path:动画对象

2021-03-17 15:01:51 3620 6

原创 支付宝小程序serverless云开发拓荒

支付宝小程序云开发拓荒:1. 支付宝小程序准备支付宝小程序开发就不详细介绍了,从创建小程序,到开发、提审官网有详尽的文档和示例。参见阿里云Serverelss关于小程序开发流程的指导文档。2.添加Serverless SDK依赖可以修改package.json,添加依赖{"@alicloud/mpserverless-sdk": “^2.3.2”}。也可以下载Serverless官方Demo,在Demo基础上修改。3.引入Serverless在app.js中引入Serverless全局对象,即可

2021-03-17 15:00:57 808

原创 Vue里如何实现excel转json的功能

前言:因为做微信小程序云开发,在云开发导入数据需要json格式的,然鹅我们市场部的小姐姐给我的文档是excel文件,导致我需要去手动录入,后来在网上搜了下。有通过复制excel文件内容粘贴后生成的:http://www.jsonla.com/excel2json/有通过上传excel文件后生成的json文件下载却需要付费的:http://www.yzcopen.com/doc/exceljson搞得那么难受不如自己写一个,效果图如下:使用地址:https://test-mars.qtshe.c

2021-03-17 14:56:29 2199 12

原创 移动端如何解决video层级最高的问题

在多次调试video的过程中发现了 一些小的优化方案和技巧。通常我们使用video标签的时候,video因为是系统原生组件层级最高,导致我们无法将自己写的弹窗等盖在video标签上。微信里可通过以下方案解决:腾讯用的基本都是x5内核,所以在腾讯系的app webview里使用该方法 都能解决层级问题。<video ref="video" class="video-js vjs-default-skin vjs-big-play-centered" poster="https://qiniu-im

2021-03-17 14:53:56 4427 4

原创 如何在微信小程序内实现骨架屏效果

首先了解下什么是骨架屏?骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。 很多项目中都有应用饿了么h5版本,知乎,facebook等网站中都有应用。以下图举例,常用饿了么的童鞋,应该看到过饿了么的这个首页预加载图的效果:饿了么h5实现方案咱们来聊聊小程序的实现方案:1...

2019-11-19 14:12:01 1855

原创 支付宝小程序中如何开发营销组件

#####运营:刚刚提了个活动需求,咱们还需要拉新,最近用户注册比有下降呀。#####产品:为了跟用户有互动,表现形式咱们就用“老虎机”吧,网上demo那么多随便拷拷就能用的吧。#####开发:要不你来做~ ????闲话不多说,咱们进入正题吧。了解到要做的活动表现形式为老虎机,首先当然是google,百度跑跑找找demo,看下人家是怎么实现的。网上老虎机的插件挺多的,实现原理也各不一样。这里...

2019-09-26 21:17:54 666

空空如也

空空如也

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

TA关注的人

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