小程序 创建方法
2019-04-08 本文已影响0人
雨泽丶
开发工具和创建项目
- 开发工具
- 原生小程序语法开发
- 使用mpvue开发(vue语法)
- 使用wepy开发(.wpy)
- 创建新项目
- AppId: wx1a4e63fdc266444b
- Secret Key: 0f7f7ce015f01c8a6849a920fe1d460d
- 导入已有项目
全局配置和局部页面配置
- 全局的js和json和wxss
- app.js app.json app.wxss
- app.js是全局对象,其他页面都能通过getApp获取此对象的属性和方法
- 新建页面index
- index.js index.json index.wxss
- 顶部标题栏设置
* 文字/颜色/背景颜色 - 底部tab栏设置
- 对应的页面路径
- 文字/颜色/边框
- 图标/高亮图标
发送请求
* wx.request
* 封装请求
生命周期函数
* onReady/onLoad/onShow/onHide/onShareAppMessage/
* onShow和onLoad的区别
渲染页面
* data和setData
* {{}} wx:if
* wx:for和wx:key,默认的item(也可以自定义)和index
wx for.PNG
页面跳转
* navigator跳转
* navigateTo 普通跳转和tab栏跳转
* 页面传参
获取用户公开信息
* open-data的使用
* 头像圆角
//圆角代码
border-radius: 50%;
display: block;
overflow: hidden;
用户授权
* 调用用户授权api
* 授权类型
* 检查用户是否已经授权