美文网首页
小程序 创建方法

小程序 创建方法

作者: 雨泽丶 | 来源:发表于2019-04-08 21:28 被阅读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库

    相关文章

      网友评论

          本文标题:小程序 创建方法

          本文链接:https://www.haomeiwen.com/subject/fsrmiqtx.html