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