前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序 几个小技巧

微信小程序 几个小技巧

原创
作者头像
田超
发布2018-07-10 17:37:59
6960
发布2018-07-10 17:37:59
举报
文章被收录于专栏:田超学前端田超学前端
代码语言:javascript
复制
1,遮罩层事件穿透 解决办法
在弹出的内容区域加上: catchtouchmove='true'
代码语言:javascript
复制
2,wxml里计算取整 
{{aaa/bbb|Int}}
代码语言:javascript
复制
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
复制
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
复制
5,微信小程序中button 去掉边框
button::after{border:0}

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

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com