[移动开发]微信小程序开发-工作遇到的问题（不断整理更新）

1、console.info和log的区别

js console.log和console.info与console.debug的区别_Baron的博客-CSDN博客_console.info log区别

2、使用console.info打印消息时，可以在前面添加一个string来区分自己打印的内容：
?

console.log('info',this.data.info);

?3、拉取代码时，遇到的.json: [“usingComponents”][“van-button”] 未找到的问题

JSON文件[“USINGCOMPONENTS“][“VAN-BUTTON“] 未找到_wzg0817的博客-CSDN博客

4、使用if判断某个字段是否为null，使用取反比!==null好

if(!this.data.info){
    //do
}
//上面的if判断了info为null和'null'的两种情况

而if(this.data.info!==null){
    //do
}
//上面的情况只判断了info为null的情况

5、小程序发布体验版流程：

?来到小程序官方主页--管理--版本管理--往下翻找到开发管理，找到对应的版本，点击选为体验版即可。

6、小程序规定任何屏幕下宽度为750rpx (以iphone6为标准)

7、为什么小程序在创建新的page后，写的样式会直接生效呢？

因为微信帮我们在app.js文件中进行了识别，会针对同名的page自动匹配对应的文件（js/json/wxml/wxss）

?8、可在微信开发工具中设置修改自动保存，但是这种操作不稳定，可能导致电脑黑屏

?9、为了方便页面的高度为整屏的高度，可在app.wxss中设置如下代码:

page{
    height:100%;
    //因为微信默认给所有页面的标签外面包裹了page标签，且其有默认宽度，无需写width:100%;
}

?10、对双向数据绑定的简单理解：
举个栗子：vue里的v-module实现了双向数据绑定，其基本原理是：

<input type='text' v-module="{{message}}"/>
//1、使用胡须语法（双大括号）将module层的数据"message"绑定到view层（这一步可以理解为vue组件中的data里的message与template里，对应的input标签里的js语法内容中的{{message}}做绑定）
//2、使用了Input事件，将数据从view层(即template)绑定到module层(即data)

微信小程序中，数据流是单向的（react也是），从module层（即wxml）流向view层（即js），微信小程序也有从view层流向module层的方法，很low，不适用（？具体暂时没讲）。注意，双向数据绑定和单向数据流并不冲突。

11、this.setData在自身的钩子函数（下图指生命周期函数onLoad）中是同步修改数据的

?在非自身的钩子函数中，修改数据也是同步的：

?

?