这个案例拖到现在才完成,大概快一个星期了吧,
中间断断续续,今天给完结了。
先做一个复盘吧。
前边是跟着视频做的,后边视频没了,
就自己去官网扒,看源代码,然后自己写出来。
自己英语不好,起名是一个痛点,经常不知道起什么名字,
写的案例也太少了,常规的布局都不知道。
英语打算放假或者大二开学后开始进行学习。
对于CSS的布局需要去找项目练习。
对于一些CSS的样式,自己也忘得差不多,感觉需要重新看一遍。
之前感觉自己已经掌握的差不多了,写网页时发现,
很多项目自己完全不知道什么意思,或者知道有这个属性,
但是属性值和怎么使用就不会了,当时掌握的不熟练。
写代码的逻辑性差,经常拿到手后,不分析,直接上手写,然后写出来一堆bug,
自己还要慢慢调试,找bug。
以后拿到项目之后先进行分析,把思路理清楚写下来,再去动手写代码。
接下来,打算一边按照视频做项目,一边去把HTML5权威指南这本书看下,
熟练之前因为看视频学习的,没有了解过的属性。
写小米闪购这个过程中,我发现js其实相对比较简单一些,
主要在于样式和架构的搭建比较费时费力。
ok,分析就到此结束吧,下边是代码部分,可能代码太多,
不想看这里的复制的代码可以直接在github上边下载源代码。
这部分是小米官网的下拉菜单这部分,这部分我没有做出来,剩下的都差不多。
代码部分:代码似乎太多了,有点超出我的想象了,就不放代码了,下边是代码部分的截图,有需要的可以自行在git上边下载。若你无法使用Github可以联系我,我重新将代码上传gitee上边。
后边的CSS代码和js代码我就都不放了,一个600多行,js代码就几十行,需要的自行在上边的链接下载、查看吧。
如果你有什么好的想法之类的,欢迎你来找我一起开发,虽然目前我的知识储备不够,但是人不都是一步步走过来么,有人一起学习才能有进步。