微信小程序> 微信小程序常见的坑

微信小程序常见的坑

浏览量:633 时间: 来源:阿蘅
  • css样式的background图片不能是本地图片,可以将图片上传到服务器,引用的时候写服务器上的地址,引用本地的图片资源只能使用标签
  • 小程序不支持分享链接到朋友圈,现在通用的做法是生成保存页面小程序码的图片到本地,然后自行朋友圈转发,当然前端也可以通过canvas来实现,减轻服务端的压力,用canvas实现的时候,需要注意预览图和保存到本地的图片采用不同的尺寸,不然保存到手机的图片会变得不清晰
  • 不同页面中的数据交互,通常我们会使用eventBus来实现页面之间的通信
  • 复杂组件的开发,最大不能超过10层
  • 微信小程序app.json中pages数组的路径顺序问题,在我们配置tabBar时,list参数中的pagePath参数至少需要包含app.json里pages数组中的第一个路径,否则会导致tabBar不显示
  • 微信小程序的生命周期,需掌握好小程序页面切换,各个生命周期的变化,并且App()必须在app.js中注册,并且不能注册多个;不要在定义与App()内的函数中调用getApp(),使用this就可以拿到app实例;不能在onLaunch的时候调用getCurrentPages(),因为这个时候page还没有生成;通过getApp()获取实例之后,不能私自调用生命周期函数
onLoad: 页面加载   一个页面只会调用一次。   接收页面参数  可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。 onShow: 页面显示   每次打开页面都会调用一次。 onReady: 页面初次渲染完成   一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。 onHide: 页面隐藏   当navigateTo或底部tab切换时调用。 onUnload: 页面卸载   当redirectTo或navigateBack的时候调用。
  • 小程序布局采用rpx单位,rpx单位是小程序中css的尺寸单位,可以根据屏幕宽度自适应,UI稿按照750的宽度出图,可以直接使用UI稿的尺寸,在iphone6上,1rpx = 0.5px = 1物理像素,小程序也支持rem尺寸单位,1rem = (750/20)px,但是在某些机型上1rpx会没有办法显示,这时我们可以使用H5的方式来实现1px的效果
  • 小程序使用post请求的时候,需要加上header,header[content-type]值为application/x-www-form-urlencoded,否则请求就会失败,get方法请求就没什么问题
微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎