微信小程序开发问题汇总（一）

1、问题：出现“06 2018 17:37:15 GMT+0800 (中国标准时间)  WXSS 文件编译错误原因”

解决办法：在控制台输入openVendor() ，清除里面的wcsc wcsc.exe 然后重启工具

2、重要的  *var that =this*

把this对象复制到临时变量that.

这时候我们使用that 就不会找不到原来的对象了。

3、css3中的calc（），头一次用，记一下。

可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值

例如：

<div style="width:100px; height:50px; background:blue;">

  <div style="width:calc(100% - 20px); height:20px; margin:5px; background:green;"></div>

</div>

 

• 支持：+、-、*、/，支持混用
• 支持：%、px、em、rem 等
• +、- 前后必须要有空格，比如：calc(100%-10px) 是不正确的，应该改为：calc(100% - 10px)
• *、/ 前后可以不要空格，但建议有。

4、white-space（不常用记一下）

 

normal：默认处理方式。pre：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。pre-line：保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。

5、版本强制更新

 

注： 检查更新操作由微信在小程序冷启动时自动触发，不需由开发者主动触发，开发者只需监听检查结果即可。

onUpdateReady(callback) 回调结果说明：

当微信检查到小程序有新版本，会主动触发下载操作（无需开发者触发），当下载完成后，会通过 onUpdateReady 告知开发者。

onUpdateFailed(callback) 回调结果说明：

当微信检查到小程序有新版本，会主动触发下载操作（无需开发者触发），如果下载失败（可能是网络原因等），会通过 onUpdateFailed 告知开发者。

applyUpdate() 说明：

当小程序新版本已经下载时（即收到 onUpdateReady 回调），可以通过这个方法强制重启小程序并应用上最新版本。