微信小程序之购物车demo
2024-09-08 03:29:42
这篇小demo主要使用了一下几个技术点
1、全局变量的使用
在这里定义的变量 任何一个页面和组件都可以访问到
在使用到的页面
const app = getApp();
声明一个实例
然后
app.globalData.buyList
这样就可以访问到
修改也可以直接修改
2、input组件的使用
这种把checkbox-group 放在循坏里面是不太好的 因为这样打印那个事件e的话取消为空
不取消为当前选中的状态
正规的应该吧checkbox-group 放在循坏外面
这样每次点击取消每次就会把剩下的选中状态的value值放在一个数组里面
这样就可以利用indexOf查找来判断了
3、生命周期的使用
在页面每次切换的时候都会触发一个onshow的生命周期
这样可以进行一些变量的操作
4、还是scroll-view的滚动问题
scroll-into-view="{{curId}}"
由这个属性设置的只要和下面元素的id对应起来了
点击右边(不管是不是动)都会触发相对应的id元素滚到顶部
5、新知识点
wxml里面不支持字符串的一些操作
此demo的gitHup地址
https://github.com/qiang-chen/weixin-shopping
最新文章
- 什么时候用@Resource,什么时候用@service
- 在spring中使用webservice(Restful风格)
- SQL存储过程生成顺序编码
- T-SQL 的简单查询语句
- 利用Spring中的HtmlUtils.htmlEscape(input)过滤html
- Nodejs发送Post请求时出现socket hang up错误的解决办法
- IE=EmulateIE8和IE=IE8的区别
- html关于强制显示 隐藏浏览器的滚动条
- User experience
- libthrift0.9.0解析(四)之TThreadPoolServer&;ServerContext
- CentOS 6.5 升级内核 kernel
- EF POWER TOOLS由数据库逆向CODE FIRST
- Weblogic之简介
- spring boot 如何添加拦截
- web前端基础学习路线
- Visual Studio VS2010统计代码行数
- 安装淘宝镜像cnpm时出现问题及解决方案
- 从零搭建生产环境的ghost2.0博客
- 调用系统命令之subprocess模块
- :工厂模式1:方法模式--Pizza