微信小程序的生命周期

onLaunch: function(options) {

// 监听小程序初始化。小程序初始化完成时(全局只触发一次)

},

onShow: function(options) {

// 监听小程序显示。小程序启动,或从后台进入前台显示时

},

onHide: function() {

// 监听小程序隐藏。小程序从前台进入后台时。

},

onError: function(msg) {

// 错误监听函数。小程序发生脚本错误,或者 api 调用失败时触发,会带上错误信息

},

onPageNotFound: function(res) {

// 页面不存在监听函数。小程序要打开的页面不存在时触发,会带上页面信息回调该函数

}

onLoad: function(options) {

// 生命周期回调—监听页面加载

},

onReady: function() {

// 生命周期回调—监听页面初次渲染完成

},

onShow: function() {

// 生命周期回调—监听页面显示

},

onHide: function() {

// 生命周期回调—监听页面隐藏

},

onUnload: function() {

// 生命周期回调—监听页面卸载

},

onPullDownRefresh: function() {

// 监听用户下拉动作

},

onReachBottom: function() {

// 页面上拉触底事件的处理函数

},

onShareAppMessage: function () {

// 用户点击右上角转发

},

onPageScroll: function() {

// 页面滚动触发事件的处理函数

},

onResize: function() {

// 页面尺寸改变时触发

},

onLaunch: function(options) {

// 监听小程序初始化。小程序初始化完成时(全局只触发一次)

},

onShow: function(options) {

// 监听小程序显示。小程序启动,或从后台进入前台显示时

},

onHide: function() {

// 监听小程序隐藏。小程序从前台进入后台时。

},

onError: function(msg) {

console.log(msg) // 错误监听函数。小程序发生脚本错误,或者 api 调用失败时触发,会带上错误信息

},

onPageNotFound: function(res) {

// 页面不存在监听函数。小程序要打开的页面不存在时触发,会带上页面信息回调该函数

                                                             微信小程序实现购物车的思路

1.发送异步请求获取购物车的商品性息

2.根据请求结果判断是跳转到登录还是把请求到的购物车数据存起来遍历显示到页面

3.界面根据需求做加减数量和删除按钮,设置点击事件,前端做数量加减,再次发送请求,得到加减后数据动态显示到界面

4.删除时请求删除接口,所需数据在遍历点击事件时作为变量被事件接收,在事件中发送数据请求删除接口

5.使用多选按钮组,多选按钮组自带@change事件接收按钮组中按钮发生变化时多选按钮value值,根据选中的按钮的value作为下标,计算总数和总价

6.动态全选按钮check值和购物车列表check,当全选按钮check改变时,按钮组check值一致动态改变

7.全选按钮改变后取非,并且从新计算总价和总数

实现效果如下:

逆战:微信小程序的更多相关文章

  1. 逆战:微信小程序(一)

    简介 小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念,用户不用关心是否安 ...

  2. 微信小程序开发心得

    微信小程序也已出来有一段时间了,最近写了几款微信小程序项目,今天来说说感受. 首先开发一款微信小程序,最主要的就是针对于公司来运营的,因为,在申请appid(微信小程序ID号)时候,需要填写相关的公司 ...

  3. 微信小程序体验(2):驴妈妈景区门票即买即游

    驴妈妈因为出色的运营能力,被腾讯选为首批小程序内测单位.驴妈妈的技术开发团队在很短的时间内完成了开发任务,并积极参与到张小龙团队的内测问题反馈.驴妈妈认为,移动互联网时代,微信是巨大的流量入口,也是旅 ...

  4. 微信小程序(微信应用号)组件讲解

    这篇文章主要讲解微信小程序的组件. 首先,讲解新建项目.现在有句话:招聘三天以上微信小程序开发,这个估计只能去挖微信的工程师了.技术新,既然讲解,那我们就从开始建项目讲解. 打开微信web开发者工具, ...

  5. 神技!微信小程序(应用号)抢先入门教程(附最新案例DEMO-豆瓣电影)持续更新

    微信小程序 Demo(豆瓣电影) 由于时间的关系,没有办法写一个完整的说明,后续配合一些视频资料,请持续关注 官方文档:https://mp.weixin.qq.com/debug/wxadoc/de ...

  6. 通过微信小程序看前端

    前言 2016年9月22日凌晨,微信官方通过“微信公开课”公众号发布了关于微信小程序(微信应用号)的内测通知.整个朋友圈瞬间便像炸开了锅似的,各种揣测.介绍性文章在一夜里诞生.而真正收到内测邀请的公众 ...

  7. 快速了解微信小程序的使用,一个根据小程序的框架开发的todos app

    微信官方已经开放微信小程序的官方文档和开发者工具.前两天都是在看相关的新闻来了解小程序该如何开发,这两天官方的文档出来之后,赶紧翻看了几眼,重点了解了一下文档中框架与组件这两个部分,然后根据简易教程, ...

  8. 来自于微信小程序的一封简讯

    9月21晚间,微信向部分公众号发出公众平台-微信应用号(小程序)的内测邀请,向来较为低调的微信在这一晚没人再忽视它了. 来自个人博客:Damonare的个人博客 一夜之间火了的微信应用号你真的知道吗? ...

  9. 微信小程序前端源码逻辑和工作流

    看完微信小程序的前端代码真的让我热血沸腾啊,代码逻辑和设计一目了然,没有多余的东西,真的是大道至简. 废话不多说,直接分析前端代码.个人观点,难免有疏漏,仅供参考. 文件基本结构: 先看入口app.j ...

随机推荐

  1. MyuCMS_V2.1漏洞分析

    前言 在CNVD看到一个MyuCMS的一个任意文件删除漏洞.然后去搜了下这个CMS,发现官网公告显示在V2.2.3版本修复了CNVD提供的多处漏洞. 怀着好奇的心里,去CNVD搜了下这个CMS,结果发 ...

  2. DoMes平台首页菜单栏

    问题1:左侧菜单栏数据是在哪里获取的? 答案1: 项目根目录的Views/Home/Index文件为平台首页 打开Index.cshtml文件,有一个framework-clientdata.js引入 ...

  3. mysql时出现:is not allowed to connect to this MySQL serverConnection closed by foreign host问题的解决

    这个原因是因为索要链接的mysql数据库只允许其所在的服务器连接,需要在mysql服务器上设置一下允许的ip权限,如下: 1.连接mysql mysql -u root -p 1 如图: 2.授权 g ...

  4. Press Key关键字用法

    语法:Press Key  locator   按键编码 press key关键字后面的键位对应ascii码实际为16进制格式 NULL = '\ue000'CANCEL = '\ue001'  # ...

  5. nginx 打印详细请求

    log_format main escape=json '{ "@timestamp": "$time_iso8601", ' '"remote_ad ...

  6. 【转】彻底搞透Netty框架

    本文基于 Netty 4.1 展开介绍相关理论模型,使用场景,基本组件.整体架构,知其然且知其所以然,希望给大家在实际开发实践.学习开源项目方面提供参考. Netty 是一个异步事件驱动的网络应用程序 ...

  7. MySql数据库慢查询

    一.什么是数据库慢查询? 数据库慢查询,就是查询时间超过了我们设定的时间的语句. 可以查看设定的时间: 默认的设定时间是10秒.也可以自己根据实际项目设定. set long_query_time=0 ...

  8. 可以看一下我学习linux的过程

    学习Linux的最佳方法是将它用于日常工作. 阅读Linux书籍,观看Linux视频不仅仅是足够的. 学习Linux没有捷径可走. 你不可能在一夜之间在Linux中掌握. 这需要时间和持久性. 刚刚潜 ...

  9. Keras入门——(6)长短期记忆网络LSTM(三)

    参考: https://blog.csdn.net/u012735708/article/details/82769711 https://zybuluo.com/hanbingtao/note/58 ...

  10. android中按back键返回上一个activity,如何重新调用上一个activity的oncreate方法?

    默认情况下是不会调用的. @Override public void onBackPressed() { String titleStr = edittitle.getText().toString( ...