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

小程序 创建方法

作者: 雨泽丶 | 来源:发表于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库

相关文章

  • 小程序 创建方法

    开发工具和创建项目 开发工具原生小程序语法开发使用mpvue开发(vue语法)使用wepy开发(.wpy) 创建新...

  • 小程序调研

    创建小程序 1、下载小程序调试工具 2、注册账号,得到appid 3、通过工具创建小程序 小程序demo介绍 pa...

  • 三、小程序项目的创建方法

  • 如何创建小程序?

    如何创建小程序?创建小程序有哪些步骤需要注意,小程序在创建的过程中需要准备什么资料?这些问题都是商家非常关心的,一...

  • 小程序1——开启小程序之旅

    目录:1、用新的邮箱创建微信小程序公众平台2、在微信小程序公众平台,创建微信小程序,并获取微信小程序APPID3、...

  • 小程序部署流程

    小程序部署流程: 一、 注册小程序(小程序接入指南) 二、创建小程序项目(简易教程·小程序) 三、部署开发环境(开...

  • 小程序(一)创建第一个小程序

    小程序第一篇,创建小程序。 1:打开微信开发者工具,点击创建,如下图所示: 2:新建小程序,你可以新建一个小程序账...

  • 微信小程序社交立减金配置方法

    一、现在使用营销宝箱(xcx.yingxiaobaoxiang.com)创建一个小程序,具体方法参照: 教大家怎么...

  • Eight Day(面向对象II)

    1.对象的使用方法2.多对象的创建方法3.匿名对象的创建和使用方法 java程序从主程序开始运行的! eg:Dog...

  • 微信小程序开发|文件类型与目录结构

    微信小程序开发从基础走起,本文介绍小程序开发的文件类型与目录结构。 创建你的第一个小程序 创建你的第一个小程序还是...

网友评论

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

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