JavaScript案例分享+复盘——小米闪购界面

这个案例拖到现在才完成，大概快一个星期了吧，
中间断断续续，今天给完结了。

先做一个复盘吧。

前边是跟着视频做的，后边视频没了，
就自己去官网扒，看源代码，然后自己写出来。

自己英语不好，起名是一个痛点，经常不知道起什么名字，
写的案例也太少了，常规的布局都不知道。
英语打算放假或者大二开学后开始进行学习。
对于CSS的布局需要去找项目练习。

对于一些CSS的样式，自己也忘得差不多，感觉需要重新看一遍。
之前感觉自己已经掌握的差不多了，写网页时发现，
很多项目自己完全不知道什么意思，或者知道有这个属性，
但是属性值和怎么使用就不会了，当时掌握的不熟练。

写代码的逻辑性差，经常拿到手后，不分析，直接上手写，然后写出来一堆bug，
自己还要慢慢调试，找bug。
以后拿到项目之后先进行分析，把思路理清楚写下来，再去动手写代码。

接下来，打算一边按照视频做项目，一边去把HTML5权威指南这本书看下，
熟练之前因为看视频学习的，没有了解过的属性。

写小米闪购这个过程中，我发现js其实相对比较简单一些，
主要在于样式和架构的搭建比较费时费力。

ok，分析就到此结束吧，下边是代码部分，可能代码太多，
不想看这里的复制的代码可以直接在github上边下载源代码。

源码下载地址

效果展示

这部分是小米官网的下拉菜单这部分，这部分我没有做出来，剩下的都差不多。

代码部分：代码似乎太多了，有点超出我的想象了，就不放代码了，下边是代码部分的截图，有需要的可以自行在git上边下载。若你无法使用Github可以联系我，我重新将代码上传gitee上边。

后边的CSS代码和js代码我就都不放了，一个600多行，js代码就几十行，需要的自行在上边的链接下载、查看吧。

如果你有什么好的想法之类的，欢迎你来找我一起开发，虽然目前我的知识储备不够，但是人不都是一步步走过来么，有人一起学习才能有进步。