逆战:微信小程序
微信小程序的生命周期
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.全选按钮改变后取非,并且从新计算总价和总数
实现效果如下:
最新文章
- Python 3.4 Library setup
- Emmet,让你爱上敲代码
- 给inpu加背景图,input内容又不能盖着背景图
- 关于sitemesh和freemark在struts2中的一些问题总结
- 将域名从GODADDY转移到namesilo
- Unity3D使用mesh创建一个正方形
- 国内BI工具/报表工具厂商简介
- multipleOutputs Hadoop
- 微信和支付宝支付模式详解及实现(.Net标准库)- OSS开源系列
- mysql metadata lock
- POJ [P3660] Cow Contest
- Vue学习小结(一)安装依赖与数据来源
- vs调试的时候,指定的参数已超出有效值的范围。参数名:sit ,先仔细看看错误和我的一样不一样
- react小知识点
- springboot(十八):CORS方式实现跨域
- ajax请求后台,response.sendRedirect失效,无法重定向
- C++复习:STL之算法
- mybatis拦截器案例之获取结果集总条数
- vsftpd日志配置及查看——可以将vsftpd记录在系统日志里
- 加法变乘法——第六届蓝桥杯C语言B组(省赛)第六题