二,API

作者: 扶光_ | 来源:发表于2023-03-06 08:49 被阅读0次

    一 常用API

    1,事件监听的API

    以on开头,用来监听某些事件的触发

    wx.onWindowResize(callback)

    2,同步API

    1,以sync结尾的API都是同步API;2,同步API执行结果可以用过返回值直接获取,如果执行错会抛错。
    wx.setStorageSync('key','value')

    3,异步API

    类似于jquery中的$.ajax(options),需要通过success,fail complete 接收调用的结果

    wx.request()


    二,协同工作

    在一家公司做一个小程序需要各部门的协同配合


    协同

    小程序的发布流程


    流程

    2.1基于小程序码进行推广

    管理后台->设置->基本设置->基本信息->小程序码及线下物料下载

    2.2 运营数据

    • 小程序后台查看
    • 使用小程序数据助手查看

    三 模板与配置

    3.1WXML模板语法

    1.在data中定义数据,在WXML中使用数据
    在index.js中


    基本数据

    使用数据的时候用双大括号的插值写法使用


    image.png

    setData({ })方法修改data数据

    3.2事件绑定

    类型 绑定方式 事件描述
    tap bindtap bind:tap 手指触碰后马上离开,类似click
    input bindinput bind:input 文本框的输入时间
    change bindchange bind:change 状态改变时触发、

    事件对象的属性列表

    属性 类型 说明
    type String 事件类型
    timeStamp Integer 页面打开到触发事件所经过的毫秒数
    target Object 触发事件的组件的一些属性值的集合
    currentTarget Object 当前组件的一些属性值的集合
    detail Object 额外的信息
    touches Array 触摸事件,当前停留在屏幕中的触摸点信息的数组
    changedTouches Array 触摸事件,当前变化的触摸点信息的数组

    事件传参
    自定义属性 data-aaa可以通过dataset包含了所有data-*传过来的数据
    event.target.dataset

    用bindinput bind:input 获取文博框的值用e.detail.value获取

    3.3条件渲染

    wx:if


    image.png

    可以用block标签包裹住,同时他是不会在页面上进行渲染的.

    bidden="{{ flag}}" 是显示和隐藏,和wx:if的区别就是,
    他的显示和隐藏与页面结构有关,wx:if是不会创建标签的
    频繁用hidden

    3.4,列表渲染

    • wx:for="{{ }}" 列表渲染
      索引用{{index}} 当前值用{{item}}
      wx:key 提高渲染效率

    相关文章

      网友评论

        本文标题:二,API

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