Web前端仿小米官网实战总结

自学前端至今实在是感慨万千，一个人学习太累，自律能力不太够，学习速度跟不上技术更新速度，所以学习技术是一定不能偷懒的，更不能沉迷游戏，要坚持学习，最好有人带，实在不行就报个班（算是给新手的一个建议吧）
仅做参考，不做学习指导，我很菜-我看不懂自己写的代码=_=
另外是关于学习的方法建议：看视频效率低，但是容易理解，看文档、读源码效率高，前期可以看视频帮助理解，后期最好不要老看视频，要实践要自己动手撸多尝试
为了学习vue于是自己动手尝试仿了一个小米官网（PC端），这贴以记录心得，总结为主，技术请以最新技术为标准，因为学习速度太慢，很多技术都不能用了，但是经验可以分享一下，github上有一个 awsome-vue上面有很多大佬写的项目、插件等还有学习资料可以拿来学vue。
开发环境： window10(node.js+vsCode+wamp)
技术栈：前端vue2+vueRouter+vuex+axios+sass+iconfont
后端php+laravel(只做api 完全不太懂)
插件： swiper(轮播图) cropper（头像截图）等
API：高德地图（搜索地址）支付宝（沙箱测试）

总结：

经验1 属性、方法名不要缩写，要不然可能你自己都看不懂，更何况是别人

经验2 写vue要参考风格指南 (a)组件命名用大写驼峰法要多个单词 (b )组件样式设置作用域（scoped） ©props尽量写的详细最起码包含数据类型等

经验3 写页面时最好一个一个写完整不要像我这样东写一点西写一点。。麻烦的很

经验4 很多bug是因为大小写或一个字母写错导致的写的时候尽量不要写错

BUG记录：

1. git push上传被拒 not access respositroy 设置好SSH Key 即可

2. git push -u origin master成功了看不到代码原因-默认分支为main 上传分支为master

3. 缩小后确认订单页样式不对劲在改。。

4 .登录页不能自适应下面有空白表单input btn高度不太对在改。。

源码赏析菜勿笑可以看看代码要运行可能比较难（bug多需要搭建环境）

vue前端[https://github.com/Suiyizhi12138/vue-mi-shop]
php后端[https://github.com/Suiyizhi12138/mi-shop]

购物车页：（右下箭头可以用css来写。。。再改）

用户详情页

参考资料

laravel:
教程-learnku.com（电商实战）、laravelacademy.org(前后端分离)
源码-[https://github.com/summerblue/laravel-shop]
vue:
官网[cn.vuejs.org] vue-router vuex 官网等
swiper：
官网： swiper.com.cn
vue-cropper:
自己去搜
iconfont: 阿里巴巴矢量图标库

后面准备用vue3.0开发移动webApp版了，还有找一个好一点老师，争取早点上岸

欢迎找我进行技术交流交朋友