小程序 创建方法

2019-04-08  本文已影响0人  雨泽丶

开发工具和创建项目

  1. 开发工具
    • 原生小程序语法开发
    • 使用mpvue开发(vue语法)
    • 使用wepy开发(.wpy)
  2. 创建新项目
    • AppId: wx1a4e63fdc266444b
    • Secret Key: 0f7f7ce015f01c8a6849a920fe1d460d
  3. 导入已有项目

全局配置和局部页面配置

  1. 全局的js和json和wxss
    • app.js app.json app.wxss
    • app.js是全局对象,其他页面都能通过getApp获取此对象的属性和方法
  2. 新建页面index
    • index.js index.json index.wxss
  3. 顶部标题栏设置
    * 文字/颜色/背景颜色
  4. 底部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
* 授权类型
* 检查用户是否已经授权

在小程序中使用有赞ui库

上一篇下一篇

猜你喜欢

热点阅读