学习微信小程序路上遇到的一些问题及解决办法

css3

box-sizing属性：

https://www.w3cschool.cn/cssref/css3-pr-box-sizing.html

justify-content 属性

https://www.w3cschool.cn/cssref/css3-pr-justify-content.html

Flex布局：

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

es6创建一个类为什么要带一个一个空的constructor方法？

constructor方法是类的默认方法，通过new命令生成对象实例时，自动调用该方法。

一个类必须有constructor方法，如果没有显式定义，一个空的constructor方法会被默认添加。

http://es6.ruanyifeng.com/#docs/class

ES6箭头函数：

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

ES6的this工作原理：

1. 全局作用域或者普通函数中this指向全局对象window。
2. 方法调用中谁调用this指向谁
3. 在构造函数或者构造函数原型对象中this指向构造函数的实例

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/this

https://bonsaiden.github.io/JavaScript-Garden/zh/#function.this

小程序去除button组件的边框

用plain='true'去除小程序的button背景后，css设置的border：none实效的问题解决办法：

小程序button默认存在边框，打开调试器查看控制台后发现设置了plain="true"之后涉及到css优先级的问题

再设置样式的时候提高css优先级就可以解决：

<image>组件的src路径报错：

 原因：在写API的时候，后台设置的图片url成了localhost/zerg/public/images/banner_1.png导致

解决办法：修改后台返回的图片路径成http://localhost/zerg/public/images/banner_1.png