个人练习小览---《地狗网购物车练习》

地狗对天猫嘛,之前都没有系统的联系过js,所以这个练习是在2017年6月份完成,在系统的学习完js和jq的时候拿来练手的一个项目。js真的很难,我个人觉得jq都好理解一点,在学习dom的时候差点没晕过去,很晕。甚至到现在要用原生js获取父盒子或者子盒子的子盒子的时候,都很抗拒使用js。

这一次的练习主要是针对购物车的js,貌似记得用上了cookie,但是cookie不是我写的,是我去网上找的网友的成果,我自己拿来理解而已。

所以首页也是很水,index.html:

个人练习小览---《地狗网购物车练习》

这里除了跳转之外加了鼠标移动显示事件

个人练习小览---《地狗网购物车练习》

登录注册界面:

这里第一次尝试使用省份三级联动的js,但是这里有不足的是这里的三级联动每一个对应的都得自己写,很庞大,所以我没有全部写完,大概就写了几个吧。

个人练习小览---《地狗网购物车练习》

个人练习小览---《地狗网购物车练习》

购物车界面:

个人练习小览---《地狗网购物车练习》

个人练习小览---《地狗网购物车练习》个人练习小览---《地狗网购物车练习》

这里可以计算价格,根据数量的变动以及是否选中前面的选择按钮来计算价格,这里是用网友给的cookie来实现这几个界面在一个界面选择加入购物车然后在另一个界面显示。

这个网站存在着一个bug,虽然这个网友写的cookie很棒,但是这个cookie针对文字还好,图片就要想一下别的方法了,因为图片是直接传过来的,我在列显示的时候加入购物车,在购物车界面是列显示的图片,如果在行显示的时候加入购物车,就会显示行的图片,两个在一起真的就是一个蛮好笑的bug。

个人练习小览---《地狗网购物车练习》

感受:马云爸爸公司的网站真的厉害哇,哪一天我才能做到这样的呢?

js蛮难的,一步登天基本不可能,要学的路要好久。