小程序
文章平均质量分 71
forguo
keep coding
展开
-
IntersectionObserver实现小程序长列表优化
IntersectionObserver实现小程序长列表优化通过 小程序api,IntersectionObserver实现小程序的长列表优化原创 2023-07-29 14:04:12 · 1037 阅读 · 0 评论 -
基于Taro + 云开发 打造婚礼邀请函
婚礼邀请函小程序基于微信小程序的婚礼邀请函基础小程序文档mpvue框架小程序云开发技术点小程序使用了云开发和云函数,所以就没有后台的什么事了相册、留言等数据都是使用云开发,云数据库来存储,所以在开发前务必学习和掌握小程序的云开发,在clone项目之后需要开通小程序的云开发功能,并且去开发者工具的云开发去创建属于自己的数据库,然后创建对应的表并赋予对应的权限(学过...原创 2019-03-11 22:54:24 · 5494 阅读 · 13 评论 -
小程序图片添加水印
小程序图片添加水印Taro、图片水印一、思路利用canvas画图,将上传的图片画到canvas,再加入自定义的元素,最终导出图片即可。二、实现以下代码和Api均为Taro实现1.首页,需要在页面放置canvas标签,canvasWidth和canvasHeight根据需要添加水印的图片宽高动态计算。 <View className='canvas-water'> <Canvas style={{ wi原创 2020-11-18 09:48:59 · 3009 阅读 · 4 评论 -
小程序页面滚动穿透
小程序页面滚动穿透一、场景在项目当中,基础遇到这样的需求有一个长列表,或者其他可滚动展示的页面,在这个页面会弹出一个Modal层,如下:贝壳找房的 的筛选栏二、问题如果这个弹框内容不可滚动,不会有太大问题;但是当弹出内容是可以滚动的时候,就会有问题,触摸没有滚动的区域会发现滚动可以穿透,会传递给下面的列表页面,三、解决办法程序员是面向Google编程的,找到了下面的解决办法:监听弹框状态,如果弹框展示就给列表 添加对应样式 // isShowMask 弹框是否展示原创 2020-06-26 15:41:10 · 5344 阅读 · 0 评论 -
小程序web-view上覆盖原生组件
小程序web-view覆盖原生组件web-view一、web-view的使用官方文档<web-view class="map-box" src="https://www.forguo.com"> </web-view>** 官方指出,小程序默认会覆盖其它所有的组件**二、解决需求需要在web-view页面上面加一个按钮,用来跳转到小程序的页面,1....原创 2019-06-30 13:11:56 · 9405 阅读 · 44 评论