miniprogram-weather运行效果图
miniprogram-weather所用到的知识点
1.flex布局：
容器属性：
flex-direction：决定主轴的方向（即项目的排列方向）；
flex-wrap：定义如果一条轴线排不下，如何换行；
flex-flow：flex-direction属性和flex-wrap属性的简写形式；
justify-content：定义项目在主轴上的对齐方式；
align-items：定义项目在交叉轴上如何对齐；
align-content：定义多根轴线的对齐方式；
项目属性：
order：定义项目的排列顺序（数值越小，排列越靠前，默认为0）；
flex-grow：定义项目的放大比例（默认为0，即如果存在剩余空间，也不放大）；
flex-shrink：定义项目的缩小比例（默认为1，即如果空间不足，该项目将缩小）；
flex-basis：定义在分配多余空间之前，项目占据的主轴空间（默认值为auto，即项目的本来大小）；
flex：flex-grow, flex-shrink 和 flex-basis的简写（默认值为0 1 auto）；
align-self：允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性（默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch）；
2.picker组件：从底部弹起的滚动选择器
目前根据mode属性值的不同共支持5种选择器，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器。若省略mode值不写，则默认效果是普通选择器。
3.天气状况代码和图标：图片打包下载解压到images文件夹里
4.网络API：
和风天气：提供天气API接口
根据和风天气API的相关代码提示和接口信息制作url
回到微信公众平台，添加服务器域名
5. 调用函数：this.“函数名”(参数列表)
6.wx.request：
wx.request({
url: '',
data: {},
header: {'content-type':'application/json'},
method: 'GET',
dataType: 'json',
responseType: 'text',
success: (result)=>{
},
fail: ()=>{},
complete: ()=>{}
});
6.JS中let和var的区别：
ES6可以用let定义块级作用域变量；
let没有变量提升与暂时性死区；
let 配合for循环的独特应用；
let不允许在相同作用域内，重复声明同一个变量；
miniprogram-weather部分代码