美文网首页
购物车页面遇到的一些问题

购物车页面遇到的一些问题

作者: hyt222 | 来源:发表于2017-11-02 19:26 被阅读0次

作为前端初学者,购物车功能还没有实现过真是惭愧

参加慕课网上一个课程要求我们做出购物车页面样式以及实现

样式实现的差不多,但是交互一直拖着

果然一开始就遇到很多问题,和一些其他初学者分享一下,大神就不要来嫌弃我了

1.全选

百度知道

在百度上找到这个关于全选按钮的 DEMO

之前用的 getAttribute 和 setAttribute,没有人家写的方便,还没有效果

实战经验还是太差了

2.绑定

没想到居然没注意在事件绑定上又栽进了坑里

在 for 循环里面进行多个按钮绑定的时候一定记得运用函数把绑定事件的代码包起来,传入参数 i !!!!不然每次都会绑定在最后一个元素(或者没有元素)!!!

for 循环中的 (function(i){...})(i) !!!!!!

没有把绑定事件放在函数里面的时候,会出错!找不到绑定元素,因为 i 变成了 4,而下标最多只到 3 ,结果就是找不到 num[i] 元素。

幸好及时发现这个错误,不然不知道找错误耽误到何年何月,谨记谨记

3.函数分配

六个函数实现六个功能

其中最重要的是计算函数 count(),基本上每个函数都需要调用到

初始化函数 init() 默认在打开页面时,将商品全选

当有一个商品前面的选择框没有勾选时,全选框的勾选要取消

select() 函数

实现三种方法修改商品数量的函数,输入,+按钮,-按钮

最后一个函数是实现将鼠标移到微信图标时,显示二维码

相关文章

  • 购物车页面遇到的一些问题

    作为前端初学者,购物车功能还没有实现过真是惭愧 参加慕课网上一个课程要求我们做出购物车页面样式以及实现 样式实现的...

  • MVC(页面跳转)

    产品列表页面 "加入购物车" "查看详情" 产品详情页面 "返回列表" "加入购物车" 购物车页面 "继续购物"

  • 购物车模块实现

    1、购物车列表功能实现 点击加入购物车或者点击购物车图标后进入购物车页面,在购物车页面中首先渲染cartList的...

  • Vue + Vuex 实现购物车

    功能点拆分 在商品详情页点击添加购物车按钮,对应商品将传到购物车页面 购物车页面顶部商品数量展示 购物车页面商品列...

  • 购物车页面

    创建购物车页面,src/views/Cart.vue 增加购物车页面路由,src/router/index.js ...

  • 购物车页面和商品列表页面

    商品列表页面的布局和添加购物车到cookie中的保存实现 购物车页面的布局以及CSs样式 JS实现:购物车的实现上...

  • testing(2)

    购物车怎么测试?(特别重要) 功能测试 a)、未登录时:将商品加入购物车,页面跳转到登录页面,登录成功后购物车数量...

  • web storage本地存储

    一、引入打开京东,开了多个商品页面,每个都点击 加入购物车 ,然后进入购物车页面,可以看到多个商品都在购物车。购物...

  • 四 jq购物车

    1 购物车,其实就是把用户选择商品的关键信息在详情页(或含有加入购物车的页面)储存起来,拿到购物车页面展示,对,就...

  • 【vue】控制回退事件,如C页面->A页面

    之前一直没遇到需要从A页面回退到C页面,一开始想用方法控制手机的物理返回键,但是中途遇到一些问题,后来就先没做这个...

网友评论

      本文标题:购物车页面遇到的一些问题

      本文链接:https://www.haomeiwen.com/subject/ubtopxtx.html