目的想法
主要是由于之前爬虫也接触了一点前端知识,但是主要是去处理数据了,然后也没有做过深度了解,但是觉得前端的基础还是有必要学会的,然后正好当时想的是做了这个页面之后再做后台的话,前端也有现成的东西直接一系列下来多舒服
前期学习
主要是学习HTML 和CSS,然后找吴恒要他们当时的周任务,然后对着都做了一点,感觉差不多了就开始作了
学习平台
主要是在菜鸟教程上,看各个标签和属性的用法,效果。或者W3school,其他的要实现什么效果就去百度
着手实践
我们学习完了就开始进行实际操作,从主页面开始,一步步完善
主页面
其实也差不多就是很普通的那种,首先写了一个页首和页尾。因为这个大部分的页面都需要,然后再写搜索栏,搜索栏的botton定位总是会卡手,就经常要调试半天,但是所幸写了一个之后大部分都差不多的板子,然后就是下面的轮播图,这里用的BOOTSTRAP,具体怎么操作就去百度,然后做点修改,没怎么去管原理。然后就是一个下拉后一个导航栏fixed定位在页面最上方,这里用了点简单的js实现的滚动检测,我不会js,但是会百度,然后就是推荐商品部分,其实也不太难,在做了前面这些部分之后,这个分块应该是做的最好的一部分了,比较熟练了
商品界面
这里略微麻烦,而且其实小细节要处理的比较多,但是我没怎么做,基本上就是实现了一个大致样子就差不多了,放大镜也没做,不足之处还是挺多的
登录界面
登录界面就简单的多了,就不做详解,但是用了浮动之后缩放还是有很大问题。当时根本没注意缩放这些操作。就怎么想的怎么做了。所以bug 还是挺多,后期再做修改
购物车界面和收藏夹
这两个除了上面的搜索栏写了挺长时间其他的都还好,而且关于一些商品操作都没写,缩水了很多东西。学识有限实现起来比较焦灼
总结
算是简单接触了一点前端基础,虽然做起来的效果不太好,bug也有,未能实现的部分也挺多,但是好在大体架构都有了,还算勉强凑合。前端基础也有了一点,对之后的后台学习以及爬虫的学习都有所帮助