寒假答辩——天猫前端咸鱼式模仿

目的想法

主要是由于之前爬虫也接触了一点前端知识,但是主要是去处理数据了,然后也没有做过深度了解,但是觉得前端的基础还是有必要学会的,然后正好当时想的是做了这个页面之后再做后台的话,前端也有现成的东西直接一系列下来多舒服

前期学习

主要是学习HTML 和CSS,然后找吴恒要他们当时的周任务,然后对着都做了一点,感觉差不多了就开始作了

学习平台

主要是在菜鸟教程上,看各个标签和属性的用法,效果。或者W3school,其他的要实现什么效果就去百度

着手实践

我们学习完了就开始进行实际操作,从主页面开始,一步步完善

主页面

其实也差不多就是很普通的那种,首先写了一个页首和页尾。因为这个大部分的页面都需要,然后再写搜索栏,搜索栏的botton定位总是会卡手,就经常要调试半天,但是所幸写了一个之后大部分都差不多的板子,然后就是下面的轮播图,这里用的BOOTSTRAP,具体怎么操作就去百度,然后做点修改,没怎么去管原理。然后就是一个下拉后一个导航栏fixed定位在页面最上方,这里用了点简单的js实现的滚动检测,我不会js,但是会百度,然后就是推荐商品部分,其实也不太难,在做了前面这些部分之后,这个分块应该是做的最好的一部分了,比较熟练了

商品界面

这里略微麻烦,而且其实小细节要处理的比较多,但是我没怎么做,基本上就是实现了一个大致样子就差不多了,放大镜也没做,不足之处还是挺多的

登录界面

登录界面就简单的多了,就不做详解,但是用了浮动之后缩放还是有很大问题。当时根本没注意缩放这些操作。就怎么想的怎么做了。所以bug 还是挺多,后期再做修改

购物车界面和收藏夹

这两个除了上面的搜索栏写了挺长时间其他的都还好,而且关于一些商品操作都没写,缩水了很多东西。学识有限实现起来比较焦灼

总结

算是简单接触了一点前端基础,虽然做起来的效果不太好,bug也有,未能实现的部分也挺多,但是好在大体架构都有了,还算勉强凑合。前端基础也有了一点,对之后的后台学习以及爬虫的学习都有所帮助

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值