一:前期准备
- 小程序必须使用HTTPS请求,需要服务器端配置SSL安全证书;
- 小程序要求必须使用合法备案域名:域名只支持 https (request、uploadFile、downloadFile) 和 wss (connectSocket) 协议;
- 如果在本地调试时,需要把不检验合法域名打钩。
二:css 样式
- 推荐使用display:flex布局,即弹性布局,可以很好解决垂直居中;
- js中给颜色赋值时,由于在苹果手机出现了兼容性,需要用十六进制数值来表示#ff0000,不能用“red”、"white"等字符;
- 尽量不使用内联样式,以免影响渲染速度;
- css样式不能引用本地图片资源,只能引用线上资源(background-image),引用本地图片资源只能用image标签;
- 提取公共样式,可以提高代码性能,提高代码的可维护性(eg:分享按钮)。5. 提取公共样式,可以提高代码性能,提高代码的可维护性(eg:分享按钮)。
三:页面传参 ( 正反方向 )
- url传值(A到B);
- 全局的app对象 app.globalData (A设置的值可以在任何页面使用);
- 本地存储 wx.setStorageSync()/wx.getStorageSync();
四: template模板与component组件
- template模块主要是展示,方法需要在使用template的页面中定义。而component组件,则拥有自己的js文件,整个component组件类似一个page页面。
- 只是展示用,建议使用template,组件中涉及到较多的逻辑,建议使用component。
- page中的使用: 与template模板不同,component不需要在wxml中引入,但需要在json中指明使用的组件名及路径。