微信小程序常见的坑

• 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方法请求就没什么问题