首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微信小程序 几个小技巧

微信小程序 几个小技巧

原创
作者头像
田超
发布2018-07-10 17:37:59
发布2018-07-10 17:37:59
79100
代码可运行
举报
文章被收录于专栏:田超学前端田超学前端
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
复制
1,遮罩层事件穿透 解决办法
在弹出的内容区域加上: catchtouchmove='true'
代码语言:javascript
代码运行次数:0
运行
复制
2,wxml里计算取整 
{{aaa/bbb|Int}}
代码语言:javascript
代码运行次数:0
运行
复制
3,如果小程序加载图片的时候,出现这样的错误
VM24966:2 Failed to load image http://1042065718.debug.open.weixin.qq.com/pages/detail/detail/detail : the server responded with a status of 404 (HTTP/1.1 404 Not Found) From server 127.0.0.1
导致出现这个问题的原因是图片绑定的数据在页面“初次”渲染的生活并没有被正确赋值,有可能你的数据是异步加载的,在渲染的时候还没有取到相应的数据,解决方法是在image里添加 wx:if="{{imageUrl}}" imageUrl为你绑定的图片的地址;
代码语言:javascript
代码运行次数:0
运行
复制
4,小程序开发,页面中动态图的设置方法: 1,给image外面套一层canvas,2,css 强制显示
<canvas id='test' style='width:80rpx;height:80rpx'>
    <image src='http://images.9k9k.com/template/index/n9/n9_in_hot.gif' class='user_photo'></image>
</canvas>
#test{float:left;display: block !important;}
代码语言:javascript
代码运行次数:0
运行
复制
5,微信小程序中button 去掉边框
button::after{border:0}

微信开发中,常用到的小技巧,记录并分享一下!

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档