博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序开发---小程序提供的能力和常用API---5
阅读量:4967 次
发布时间:2019-06-12

本文共 2140 字,大约阅读时间需要 7 分钟。

小程序提供的能力和常用API

  • 微信API
  • 开发能力
  • 基础组件

 

微信API

  • 网络请求
  • 本地储存
  • 文件系统

网络请求

  • HTTP请求 (异步的请求!!!!!!!
  • wx.request({   //HTTP请求,wx.request()函数包含一个对象{...}    url: '',         //string类型,表示服务端地址    data: {},    //表示请求参数    header: {},  //object类型,表示HTTP headers请求头    method: 'POST',  //string类型,请求方法    success: function(res){ //function类型,接口成功的回调函数        console.log(res.data)     },    fail: function(res){}   //function类型,接口失败的回调函数})

    异步特性

 

  • 文件上传、下载
    • 上传文件
    • wx.uploadFile({    url: 'upload',   //服务端地址    filePath: 'example.jpg', //文件资源的路径    name: 'file',                //文件对应的Key,文件名字    formData: {                  //文件附加信息        'user':‘test’    },    success(res){               //异步的,成功回调函数       console.log(res.data)    }})
    • 下载文件
    • wx.downloadFile({    url: 'download',         //下载的url    header: {},    filePath: 'example.jpg',  //下载后存储的路径    success(res) {               //接口成功的回调函数       console.log(res.statusCode)    }})

       

  • *Task(网络任务对象)

     异步任务提交以后,需要对任务进行操作时,使用Task对象。

    • RequestTask (发起HTTP请求,可以得到一个RequestTask)
    • UploadTask (同理,上传文件时,也可以得到)
    • DownloadTask (同理)
    • SocketTask (同理)

     拿到这些task,可以做什么呢?

    • 中断任务  (比如上传文件的时候,上传到一半的时候,想取消它,可以调用这task来中断)
    • 触发回调函数 (比如上传文件的时候,上传到10%时,可以用task来触发回调函数)
    • 关闭连接 (比如HTTP请求,socket请求,请求到一半,可以用task对象来关闭网络连接)

本地存储

  将数据存储在本地缓存中指定的key中,数据存储生命周期跟小程序本身一致

  操作本地存储,有四个API:

  • wx.setStorage
  • wx.getStorage(异步的),  也有同步的api:wx.getStorageSync
  • wx.removeStorage
  • wx.clearStorage  (慎用,会把本地所有的缓存都删除掉)

 

 文件系统

  •  全局文件管理器

    获取全局唯一的文件管理器

var fs=wx.getFileSystemManager()
  • 文件的增删改查

    对文件进行操作的API有很多,完全覆盖编程语言对文件的各种操作

fs.saveFilefs.writeFilefs.readFilefs.removeSavedFilefs.appendFile
  • 文件夹的操作
fs.mkdirfs.rmdirfs.isDirectoryfs.isFile

 

开发能力

  • 用户数据
  • 推送消息
  • 运营数据

用户数据

  • 头像、昵称等公开信息 --- wx.getUserInfo()
  • openid等敏感数据

推送消息

基于微信的通知渠道,小程序框架为开发者提供了可以高效触达用户的消息。(在微信的服务通知查看)

 

运营数据

  • 小程序管理后台---数据分析
  • 小程序数据助手(小程序)

 

基础组件

  • 视图容器---view、scroll-view、swiper、cover-view
  • 基础内容---text、icon、rich-text
  • 表单、导航---button、form、input

WeUI-wxss

  • WeUI是一套同微信原生视觉体验一致的基础样式库
  • 微信官方设计团队为微信内网页和微信小程序量身设计
  • 包含button、view等众多元素
  • Github搜索weui-wxss获取源码
  • 手机预览,微信搜索:weui小程序

怎么使用weui

1.新建一个thirdparty的目录,放入weui.wxss文件

2.在全局的app.wxss文件中,加入 @import"thirdparty/weui.wxss";

 

转载于:https://www.cnblogs.com/Paul-watermelon/articles/10734746.html

你可能感兴趣的文章
springIOC第一个课堂案例的实现
查看>>
求输入成绩的平均分
查看>>
php PDO (转载)
查看>>
wordpress自动截取文章摘要代码
查看>>
[置顶] 一名优秀的程序设计师是如何管理知识的?
查看>>
scanf和gets
查看>>
highcharts 图表实例
查看>>
ubuntu下如何查看用户登录及系统授权相关信息
查看>>
秋季学期学习总结
查看>>
SpringBoot 优化内嵌的Tomcat
查看>>
【LaTeX】E喵的LaTeX新手入门教程(1)准备篇
查看>>
highcharts曲线图
查看>>
extjs动态改变样式
查看>>
PL/SQL Developer 查询的数据有乱码或者where 字段名=字段值 查不出来数据
查看>>
宏定义
查看>>
笔记:git基本操作
查看>>
生成php所需要的APNS Service pem证书的步骤
查看>>
JavaWeb之JSON
查看>>
HOT SUMMER 每天都是不一样,积极的去感受生活 C#关闭IE相应的窗口 .
查看>>
windows平台上编译mongdb-cxx-driver
查看>>