![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随笔
文章平均质量分 61
青团社-郝帅
敲自己的代码。
展开
-
如何彻底解决微信小程序滚动穿透问题
前言:我们在开发业务的过程中总会有各种样式的弹窗需求,在弹窗弹起来的时候,底部的内容却可以滚动,刚开始我们使用catchtouchmove解决了,但是在复杂一点的情况下还是会导致滚动穿透。今天分享一个永久解决该问题的方法。使用官方的page-meta组件,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html通过该组件我们可以直接操作Page组件 ,我们给它的wxss样式overflow动态设置原创 2022-03-02 20:19:54 · 3051 阅读 · 3 评论 -
如何彻底解决小程序滚动穿透问题
我们在开发过程中总会有开发弹窗的需求,在弹窗弹起来的时候,底部的内容却可以滚动,最开始我们使用catchtouchmove解决了,但是在特殊布局的情况下还是会导致滚动穿透。今天分享一个永久解决该问题的方法。就不卖关子了,我摊牌了。使用官方的page-meta组件,很多童鞋可能还不知道这个是干嘛的,这里贴下官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/page-meta.html通过该组件我们可以直接操作Page组件 ,我原创 2021-07-01 17:09:16 · 793 阅读 · 0 评论 -
如何在微信小程序里使用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 · 3680 阅读 · 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 · 829 阅读 · 0 评论 -
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 · 2246 阅读 · 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 · 4552 阅读 · 4 评论 -
如何在微信小程序内实现骨架屏效果
首先了解下什么是骨架屏?骨架屏就是在页面数据尚未加载前先给用户展示出页面的大致结构,直到请求数据返回后再渲染页面,补充进需要显示的数据内容。常用于文章列表、动态列表页等相对比较规则的列表页面。 很多项目中都有应用饿了么h5版本,知乎,facebook等网站中都有应用。以下图举例,常用饿了么的童鞋,应该看到过饿了么的这个首页预加载图的效果:饿了么h5实现方案咱们来聊聊小程序的实现方案:1...原创 2019-11-19 14:12:01 · 1875 阅读 · 0 评论 -
支付宝小程序中如何开发营销组件
#####运营:刚刚提了个活动需求,咱们还需要拉新,最近用户注册比有下降呀。#####产品:为了跟用户有互动,表现形式咱们就用“老虎机”吧,网上demo那么多随便拷拷就能用的吧。#####开发:要不你来做~ ????闲话不多说,咱们进入正题吧。了解到要做的活动表现形式为老虎机,首先当然是google,百度跑跑找找demo,看下人家是怎么实现的。网上老虎机的插件挺多的,实现原理也各不一样。这里...原创 2019-09-26 21:17:54 · 676 阅读 · 0 评论