• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序开发---小程序提供的能力和常用API---5

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

小程序提供的能力和常用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.saveFile

fs.writeFile

fs.readFile

fs.removeSavedFile

fs.appendFile
  • 文件夹的操作
fs.mkdir

fs.rmdir

fs.isDirectory

fs.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";

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap