支付宝小程序前端开发简介
文件结构:
App代表顶层应用,管理所有页面和全局数据,以及提供生命周期方法。它也是一个构造方法,生成App实例。一个小程序就是一个App实例。每个小程序的顶层一般包含三个文件:app.js:应用逻辑app.acss:应用样式(可选)app.json:应用配置App 提供四个事件,可以设置钩子方法:onLaunch:小程序启动onShow:小程序切换到前台onHide:小程序切换到后台onError: 小程序出错
基础事件
点击事件onTap = ”method“ 传值:data-test=”123” 取值:method(event){ var test = event.target.dataset.test ; console.log(test) // 123 }列表渲染 a:for=”{{toyItems}}“ 指定下标变量名:a:for-index 指定当前元素变量名:a:for-item 如不指定元素变量名默认当前元素变量名为:item;下标变量默认为:index条件渲染 a:if=”{{true}}” hidden=”{{true}}” 是否渲染代码块:a:if=”{{true}}”//显示 是否显示代码块:hidden=”{{true}}” //不显示 data数据赋值 this.setData({toyItems : [ ] }) this.data.toyItems var toys = this.data.toyItems; console.log(toys.length) // 0class根据需要修改样式 三目运算、布尔、算数运算、逻辑判断 class=”basics {{ true ? ‘select’ : ‘unselect’}}” basics 基础样式
开发过程中遇到一些坑
在支付宝小程序中的 my.httpRequest 请求头header中模拟cookie向后端传递用户信息时,在ios中请求没有问题,安卓部分机型出现cookie没有被成功传递的问题?
解决方法: 在请求 my.httpRequest 时把需要模拟cookie传递的参数拼接到接口请求时需要传递的默认参数中,当做参数传递过去,则需要后端需要调整一下接收用户信息参数的方式