原创

小程序-微信开发注意事项

1、基本组件 view text button

2、this.setData({xxx:"yyy"});
取值 this.data.xxx

3、导出自己的模块
var DoSomeThing = function(){
//TODO
}

module.exports = {
doSomeThing:DoSomeThing

}

4、var xxx = require("../../xxx.js"); //加载第三方模块或自己的封装模块(模块化)

5、view::before view::after

6、getApp()

7、不要在onLaunch() 中调用getCurrentPages() ,注意onLaunch只会在app.js中会有

8、Home键不支持监听

9、生命周期

onLoad onShow onReady onHide onUnload
(1次 获取参数) (多次)

10、this.data.xxx="yyy" 有时好像设置无效
使用 this.setData({xxx:"yyy"})

11、部署:后台的服务器都不能有端口

12、调试:本地调试模块 可以在开发工具--详情--项目设置--不校验合法域名

13、调试:特别注意 预览模式下 在手机上打开好像也是不能调用接口的,只能通过在线调试的方式

14、调试:NatApp可以创建二级域名实现https的内网传统 但是要注意支持SSL

15、调试:NatApp调试Visual Studio项目时注意,要让VS支持外部访问,调整IIS配置
<bindings>
<binding protocol="http" bindingInformation="*:44134:localhost" />
<binding protocol="http" bindingInformation="*:44134:*" />
</bindings>

16、返回键是页面自动添加

17、页面标题设置:在.json中设置 (实际位置是靠左)
{
"navigationBarTitleText": "用户信息"
}

18、CSS:当前页 Page{ },相当于html{ }

19、CSS:父组件好像不能影响子组件的宽度

20、CSS:页面宽度未750rpx,支持@media
/* 兼容iPhone5 */
@media (max-width: 320px) {
.xxx {
font-size: 12px;
}
}

21、CSS:水平居中不支持margin: 10rpx aotu; 而是写成margin: 10rpx 0; padding同此。

22、小程序文件结构:MVVM

23、onShow: function () { } //利用生命周期做实时刷新

24、请求接口 wx.request(),success 中的result,要使用result.data 获取接口数据

25、onLoad: function () {_this = this; }, //不要在onReady获取保存this对象,而要在onLoad中保存

26、小程序webview中加载会有缓存 第二次进来会导致不能设置宽高 所以url要加上时间戳
即 _url += ("&rand=" +new Date().getTime());

正文到此结束
本文目录