小程序-微信开发注意事项
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());