写小程序的一些小坑

1.关于数据绑定的问题

  小程序更新data后只是把数据的值更新,不会刷新页面,比如滑动的列表不会回到顶部,导致使用swiper有个小bug:

    就是swiper的数据是后台请求的,可通过切换tab标签动态获取,如果在切换之前swiper处在第三张或者更多(比将要点击的tab下的swiper多),那切换后swiper会是空白,解决办法是,每次切换要手动初始化swiper的current    属性,使其停留在第一张。

2.关于生命周期的问题

  生命周期函数不要写成箭头函数,否则this会取不到

   切换底部导航时页面不刷新问题,可以用onShow函数掉一次接口重新获取数据解决,或者写一个下拉刷新

3.图片预览问题

  ios没有问题,安卓会黑屏,原因是预览的图片必须是http或https开头的url,相对路径会黑屏

4.背景图片不显示的问题

   这应该是小程序的bug,解决方法:

   1. 将背景图片转成base64   2.将图片放到服务器,使用url显示

5.关于picker组件

   1. 触发弹窗时一定要点击在内容上才可触发,点击空白处无效,这个解决看具体需求,比如加个默认值之类的

   2. 安卓和ios的样式不一样,如果对这个有要求建议使用第三方组件(如:有赞)

6. 关于post请求

  如果要传请求参数,header中要写这个 ‘content-type‘: ‘application/x-www-form-urlencoded‘,官方文档说的 ‘content-type‘: ‘application/json‘ 这个,貌似不管用

7. 小程序没有过滤器

  可以用wxs解决,但是要处理传入的value undefined的时候,否则会报错,因为这个方法执行的快一些,数据还没有传过来,当数据传来后又执行一次,第一次很可能undefined

8. 关于小程序码识别的问题

如果二维码识别的是小程序通过 navigate 跳转后的子页面,进入小程序后将回不到首页,因为小程序会认为这是首页,如果有可以回到首页的需求,我的解决办法是,识别后进入首页根据scene参数进行子页跳转

暂时就想到这么多,如果遇到问题再补充

  

原文地址:https://www.cnblogs.com/yueqian-jmy/p/10052936.html

时间: 2024-10-04 06:38:10

写小程序的一些小坑的相关文章

微信小程序_微信小程序开发,小程序源码、案例、教程

原文地址:http://whosmall.com/?post=448 本文标签: 微信小程序 小程序源码案例 小程序项目 小程序源码 微信小程序教程 什么是微信小程序? 微信小程序是微信基于微信平台的一个应用发布平台,微信小程序app开发属于原生app组件提供js接口的开发方式,比混合是app的用户体验更好,仅次于原生应用. 不过微信小程序定位于小,要符合轻量易用无需下载,所以从体积上也是有限制,整个小程序应用体积不能超过1M. 微信小程序的应用场景? 微信小程序的应用场景适用于轻量应用,非强交

张小龙的野心:用小程序重构web|小程序好处及可能的不足

一:张小龙的野心:用小程序重构web 一 很多年以前,张小龙写了一款软件:Foxmail. 这款软件当年有数百万用户,这是一个相当庞大的量,因为彼时网民也只有千万当量级的规模. 我是一个非常忠实的用户,因为直至今天,我还在使用Foxmail. 但有理由相信,当年使用客户端(软件)收发邮件的用户,越来越多的,已经改变为用web来收发邮件. 打开一个网址,输入用户名和密码,看邮件发邮件,我相信是PC互联网时代中后期大多数用户的习惯. Foxmail这样的软件,最终被web服务击败. 二 移动互联网时

微信小程序配置_小程序页面配置

微信小程序配置_小程序页面配置 我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径.窗口表现.设置网络超时时间.设置多 tab 等. 以下是一个包含了所有配置选项的简单配置app.json : { "pages": [ "pages/index/index", "pages/logs/index" ], "window": { "navigationBarTitleText": &q

小程序开发另类小技巧 --用户授权篇

本文主要帮助大家解决部分功能接口二次授权+统一管理(包含对于wx对象的扩展)问题,例如获取地理位置信息,收获地址,录音等授权问题 小程序开发另类小技巧 --用户授权篇 getUserInfo较为特殊,不包含在本文范围内,主要针对需要授权的功能性api,例如:wx.startRecord,wx.saveImageToPhotosAlbum, wx.getLocation 原文地址:https://www.yuque.com/jinxuanzheng/gvhmm5/arexcn 仓库地址:https

微信小程序-整理各种小程序源码和资料免费下载

微信小程序整理下载 [小程序源码]微信小程序-车源宝微信版 [小程序源码]小程序-微赞社区(论坛demo) [小程序源码]微信小程序-收支账单 [小程序工具]微信小程序-日历 [小程序源码]小程序-在线聊天功能 [小程序源码]微信小程序-大好商城(新增功能天气查询和2048游戏) [小程序源码]微信小程序-查询号码归属地 [小程序源码]微信小程序-备忘录2 [小程序源码]微信小程序-QQ音乐 [小程序源码]小程序-货币汇率 [小程序源码]微信小程序-大学图书馆 [小程序源码]小程序-积分商城 [

小程序商城开发小程序系统代码编程分析

小程序商城开发小程序系统代码编程分析:151.1222.4001(微/电)微信小程序开发,小程序商城开发,小程序模式开发,小程序源码开发,小程序软件开发,小程序应用开发,小程序微商城搭建,小程序分销返利系统开发,小程序购物商城开发. 微信小程序1月9日发布以来,其实就是一个基于微信运行一个程序,腾讯未来就会把微信作为一个移动端OS,在微信基础上运营一个企业的小程序,这样方便用户使用程序,不需要下载和安装,这样方便了用户使用,从而我个人认为会对一些功能比较小的APP造成很大的冲击,但是对功能相对比

[小程序开发] 微信小程序内嵌网页web-view开发教程

为了便于开发者灵活配置小程序,微信小程序开放了内嵌网页能力.这意味着小程序的内容不再局限于pages和large,我们可以借助内嵌网页丰富小程序的内容.下面附上详细的开发教程(含视频操作以及注意事项) 一.小程序内嵌网页web-view教程 1) 微信公众平台,登录小程序账号 2) 左侧-设置-开发设置-业务域名-配置 3) 小程序管理员微信扫码 4) 填写小程序业务域名,域名需ICP备案 5) 下载校检文件上传至服务器指定目录,保存 6) 小程序业务域名配置完成7) 打开微信开发者工具,添加小

百度智能小程序_百度小程序注册指导文档

百度智能小程序注册 注册登录百度账号 注册地址:点击注册 登录地址:点击登录 使用百度App扫码登录 手机短信验证登录 百度账号密码登录 选择主体类型 主体类型:媒体.企业.政府.其他组织五种主体类型.主体类型说明: 媒体:报纸.杂志.电视.电台.通讯社.其他等: 企业:企业.个体工商户.企业相关品牌: 政府:国内.各级.各类政府机构.事业单位.具有行政职能的社会组织等: 其他组织:公共场馆.公益机构.学校.社团.民间组织等机构团体申请: 主体信息登记 不同类型的开发者所需的登记信息:包括主体信

支付宝小程序开发——修改小程序原生radio默认样式

如下,要做这样的单选按钮,小程序原生的单选按钮使用起来还算是比较方便的,所以选择直接进行样式改造了: 对于微信小程序来说,单选按钮实质上是一个有自己内部结构的组件,内部有自己的元素结构,所以在重定义样式的时候,需要用到组件你内部的元素类名来定义,详见:微信小程序开发——修改小程序原生checkbox.radio默认样式. 不同于微信小程序,支付宝小程序的大部分组件及样式跟Html都比较接近的.对于单选按钮,则与html标签类似,可以采用同样的方法进行样式修改.具体如下: /* 单选按钮样式*/

基于微信小程序的租房小程序

乐直租全国租房小程序前端 房源分钟上传,可快捷联系房东的小程序. 该小程序操作简单,布局清新,欢迎 start ~ 传送门:Github 扫码体验: pages: 首页 index 选择发布页 before-publish 城市选择页 city 发布页 publish 搜索页 list 详情页 detail ... 封装了组件componets: 搜索器 swiper water-flow 瀑布流,小程序换肤背景图, 使得小程序不简洁,已经下线 ... 截图部分展示: 原文地址:https://