微信小程序入门

1.微信后台管理
https://mp.weixin.qq.com/wxopen/basicprofile?action=index&token=642579454&lang=zh_CN

2.微信官网配置
https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/code.html#JSON-%E9%85%8D%E7%BD%AE

3.WeUI 基础样式 库下载地址：https://github.com/Tencent/weui-wxss

一、页面创建
1.全局三个文件：分别是app.js,app.json,app.wxss
2.创建pages目录文件（用来放各个页面）
3.创建页面（给页面起名字，创建四个文件）
（1）js:页面逻辑实现
（2）json：负责标题栏和一些状态
（3）wxml：管理页面内容
（4）wxss：页面样式

二、布局介绍wxss
1.尺寸单位：小程序规定了全新尺寸单位rpx，其原f’le理是无视设备原先尺寸，统一规定屏幕宽度为750px
ip5 1rpx=0.42px
ip5 1rpx=0.5px
ip6 plus 1rpx=0.522px
2.弹性布局flex
display:flex
（1）flex-direction:row/row-reverse/column/column-reverse
justify-content:用来设置项目在主轴方向的对齐方式
（2）justify-content:flex-start对其主轴起点，项目间不留空隙/center居中/flex-end对其主轴终点，
/space-between项目间距相等/space-between
（3）align-items:stretch/flex-start/center/flex-end 用于设置在行中的布局方式
（4）align-content:stretch/flex-start/center/flex-end 多行排列时项目在交叉轴对其方式
(5)flex-wrap:wrap/nowrap/wrap-reverse控制换行

三（组件学习）
1.全局配置
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。文件内容为一个 JSON 对象，有以下属性：page、window、tabbar
2.//小程序不是运行在浏览器中，无dom和bom对象
//app（)方法用于定义应用程序实例对象
//page（）方法用于定义页面对象
//getApp()方法用来获取全局应用程序对象
//getCurrentPages()用来获取当前页面的调用栈
//wx用来提供api console.log(wx)
//小程序的js是支持commonJS规范的module.exports={}
3.WXML-数据绑定、数据渲染
4.绑定事件 bindtap=“btn” console.dir(e)//将一个对象以树状形式打印
5.事件冒泡catchtap=“btn” catch+事件阻止冒泡
6.事件传参数 data-XX