小程序开发

全局配置：

window：

用于设置小程序的状态栏、导航条、标题、窗口背景色：

navigationBarBackgroundColor 导航栏背景颜色，如 #000000

navigationBarTextStyle 导航栏标题颜色，仅支持 black / white

navigationBarTitleText 导航栏标题文字内容(会被页面设置覆盖）

navigationStyle 导航栏样式，仅支持以下值：
default 默认样式
custom 自定义导航栏，只保留右上角胶囊按钮

backgroundColor
窗口的背景色(屏幕下拉后展示的背景色）：

1.ios可以上拉，上拉背景色如果没有单独设置，则显示backgroundColor

2.如果设置有backgroundColorTop和backgroundColorBottom，则会覆盖backgroundColor

backgroundTextStyle 下拉 loading 的样式，仅支持 dark / light

backgroundColorTop 屏幕下拉露出顶部窗口的背景色，仅 iOS 支持（覆盖backgroundColor） 同backgroundColor
backgroundColorBottom 屏幕上滑露出底部窗口的背景色，仅 iOS 支持（覆盖backgroundColor）
enablePullDownRefresh(android) 是否开启当前页面的下拉刷新。(只对android有效）
详见 Page.onPullDownRefresh
onReachBottomDistance（ios） 页面上拉触底事件触发时距页面底部距离，单位为px。（只对ios有效）
详见 Page.onReachBottom
pageOrientation 屏幕旋转设置，详见 响应显示区域变化，默认“portrait”，设置为“auto”则为跟随系统旋转 微信版本 6.7.3

resizable

在 iPad 上运行的小程序可以设置支持 屏幕旋转。
注：navigationStyle 只在 app.json 中生效。开启 custom 后，低版本客户端需要做好兼容。开发者工具基础库版本切到 1.7.0（不代表最低版本，只供调试用）可方便切到旧视觉。

tabBar:

除了tab文字、图标和背景色等常用的选项可以设置，tab上边框颜色也可以设置，tab也可以设置显示在页面顶端(不显示图标），图标库中没有想要的图标时，可以去iconfont下载，大小81px*81px：

“tabBar”: {
…
“position”: “top”,
…
}

页面配置：

1、Pages:
一个数组，每一项都是用来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，文件名不需要写文件后缀，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。

2、Window：
用于设置小程序的状态栏、导航条、标题、窗口背景色。有如下几个属性：

3、Tabbar(页面切换):
通过 tabBar 配置项指定tab栏的表现，以及tab切换时显示的对应页面。只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

注意：如果pages的第一项加载的初始页面不是首页，tabbar不显示。当设置 position 为top 时，将不会显示icon

注：当页面属性跟全局属性冲突时，页面将覆盖全局

常用api：

1-异步请求：
wx.request({ //HTTP请求，wx.request（）函数包含一个对象{…}
url: ‘’, //string类型，表示服务端地址
data: {}, //表示请求参数
header: {}, //object类型，表示HTTP headers请求头
method: ‘POST’, //string类型，请求方法
success: function(res){ //function类型，接口成功的回调函数
console.log(res.data)
},
fail: function(res){} //function类型，接口失败的回调函数
})

2-本地存储：
将数据存储在本地缓存中指定的key中，数据存储生命周期跟小程序本身一致

操作本地存储，有四个API:

wx.setStorage
wx.getStorage（异步的）， 也有同步的api：wx.getStorageSync
wx.removeStorage
wx.clearStorage (慎用，会把本地所有的缓存都删除掉)

生命周期：
onLoad：页面加载
一个页面只会调用一次，可以在onLoad中获取query参数
onShow：页面显示
每次打开页面都会调用一次
onReady：页面初次渲染
一次页面只会执行一次，代表页面准备完成，可以和视图层进行交互了
onHide：页面隐藏
页面从前台切换到后台时执行，当navigateTo或底部tab切换时调用
onUnload：页面卸载
在页面销毁时执行，当redirectTo或navigateBack的时候调用
onPullDownRefresh：下拉刷新，
一般在此方法执行时需要重置相关参数
onReachBottom：上拉，页面触底时执行
onShareAppMessage：用户分享时执行
onPageScroll：页面滚动时执行
onResize：页面尺寸变换时执行
onTabItemTap：tab点击时执行
onLaunch: 初始化小程序时触发，全局只触发一次
onError: 小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

基础组件

视图容器—view、scroll-view、swiper、cover-view
基础内容—text、icon、rich-text
表单、导航—button、form、input

使用weui

1.新建一个thirdparty的目录，放入weui.wxss文件

2.在全局的app.wxss文件中，加入 @import"thirdparty/weui.wxss";

购物车逻辑：
1-商品列表展示页，进入本页会请求接口获取数据然后对应展示，点击对应的商品框，跳转页面，传递商品ID（一般都是）
2-在商品详情页获取参数，然后发送异步请求获取商品详情信息对应展示，点击加入购物车跳转购物车页面
3-全选，反选，每次选择重新计算所选商品的总价，加1减1操作，都需要发送异步请求，根据返回结果进行提示