支付宝小程序前端开发简介

文件结构:

 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) // 0
  • class根据需要修改样式 三目运算、布尔、算数运算、逻辑判断 class=”basics {{ true ? ‘select’ : ‘unselect’}}” basics 基础样式

开发过程中遇到一些坑

在支付宝小程序中的 my.httpRequest 请求头header中模拟cookie向后端传递用户信息时,在ios中请求没有问题,安卓部分机型出现cookie没有被成功传递的问题?

解决方法:   在请求 my.httpRequest 时把需要模拟cookie传递的参数拼接到接口请求时需要传递的默认参数中,当做参数传递过去,则需要后端需要调整一下接收用户信息参数的方式

支付宝小程序前端开发简介相关推荐

  1. 支付宝小程序模板开发,一整套流程

    支付宝小程序服务商模板开发着力于解决支付宝生态体系内的小程序管理问题,一套模板,随处部署.能尽可能地减少系统服务商的开发成本,系统服务商只用开发一套小程序代码作为模板就可以快速批量的孵化出大量的商家小 ...

  2. 支付宝小程序模板开发,协助商家一键创建小程序

    关于支付宝小程序模板开发,之前写过相关的介绍,详情请看 [支付宝小程序模板开发,一整套流程]这篇文章. 和微信一样,支付宝也有通过接口创建小程序的服务.不过在对接模板开发那时候,还没开放这个接口,是一 ...

  3. 支付宝小程序云开发(Serverless)

    支付宝小程序云开发(Serverless) 博客说明 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 一.在支付宝账号里面开通小程序云服务 ...

  4. 支付宝小程序怎么开发?

    支付宝小程序怎么开发? 支付宝的小程序组成部分类型: 1.js负责页面逻辑. 2.xml负责页面结构. 3.css负责页面样式. 4.json负责页面配置. 支付宝的小程序积累了技术经验.组件采用了蚂 ...

  5. 0基础跟着黑马程序员学微信小程序前端开发Day01

    学习目录 一.项目的基本组成结构 二.小程序页面的组成部分 三.创建小程序页面 四.小程序的一些组件 1.常用视图容器类组件 2.常用基础内容组件 3.button 按钮的基本使用 4.image 组 ...

  6. 微信小程序框架——微信小程序前端开发工具

    微信小程序框架 框架 小程序开发框架的目标是通过尽可能简单.高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务. 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 Java ...

  7. 支付宝小程序物联网开发

    支付宝小程序开发 现在我国主流的小程序分别是腾讯的微信小程序,以及阿里的小程序,抖音和快手现在也有自己的小程序系统. 在阿里的小程序中又分:支付宝小程序,香港版支付宝小程序,淘宝小程序,钉钉小程序,高 ...

  8. API——微信小程序前端开发工具

    API 框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等. 说明: wx.on 开头的 API 是监听某个事件发生的API接口,接受一个 CALLBA ...

  9. WeApp-Workflow:基于Gulp 的“微信小程序”前端开发工作流

    WeApp-Workflow 是我在开发个人微信小程序DeveWork+ 过程中积累总结而来的一个基于Gulp4 的,专门用于开发微信小程序的前端开发工作流.旨在通过自动化的方式解决微信小程序开发过程 ...

  10. [技术博客] 小程序前端开发流程——用实例介绍

    目录 主题 前端功能 UI实现 后端接口对接 作者:李大 主题 本文的目标在于简单介绍一下我们在开发小程序时的前端开发流程. 前端功能 前端的功能在于给数据提供一个合适的容器,并提供用户-界面-后端的 ...

最新文章

  1. studio项目上传svn服务器,SVN在AndroidStudio中的使用(一),SVN安装配置和项目检出更新...
  2. 【网络安全】红蓝攻防:shellcode的分析
  3. cocos2d-x游戏实例(25)-简易动作游戏(3)
  4. 拖延的本质是逃避!| 今日最佳
  5. Linux C高级编程——目录操作
  6. 【每日SQL打卡】​​​​​​​​​​​​​​​DAY 23丨学生们参加各科测试的次数【难度简单】​
  7. OpenCL 数据类型
  8. Could not write JSON: (was java.lang.NullPointerException);
  9. 洛谷省选斗兽场全通关祭~以及之后的打算!
  10. numpy : numpy.random
  11. Maven的setting仓库配置
  12. 【雷达通信】雷达一维恒虚警检测CFARmatlab 含GUI
  13. 数据中心能效管理系统有哪些平台功能?一分钟了解
  14. 教师资格证考试攻略(高中信息技术)
  15. 液晶显示屏的LED背光辉度公式计算?
  16. JAVA java学习(46)——————如何将Eclipse设置为中文版
  17. win10下使用caffe训练自己的数据,车牌二分类
  18. java可视化模拟进程的并发执行
  19. 中国历代职官科举制度
  20. 用户数据权利请求响应具体都包括哪些内容

热门文章

  1. win7旗舰版升级成win7SP1
  2. 电路串联和并联图解_画简单的串联、并联电路图
  3. 计算机没网络怎么更新网卡驱动,电脑显示没有网卡驱动怎么办?电脑显示没有网卡驱动的解决方法...
  4. Juce-强大的开源类库
  5. 微信网页开发 无法播放视频
  6. Java软件开发工程师简历模板包装教学问题完整版 【心静思远-9527】
  7. ghost系统好,还是原版安装的好!!!!????????????
  8. 服务器无线网卡做ap,通过TP-Link无线网卡设置虚拟AP 看完就明白
  9. 主流微波雷达感应语音播报雷达感应照明灯LD602模块
  10. python mysql扩展,python-sql-faker:轻量级、易拓展的数据库智能填充开源库(Python实现版)...