前言
这个项目是以饿了么为原型实现的,这是线上版本的链接elm,您可以先看一下,如果觉得还不错,感兴趣的话可以继续阅读下面的内容。建议使用手机的浏览器浏览,如果是PC端需要调成手机模式。
项目使用Vue技术栈,使用webpack重零搭建开发环境和打包项目,UI组件库是以vant-ui为原型实现的,还有scroll, slider这两个库是参照better-scroll实现的。
功能展示
地址定位
城市定位
首页
搜索
分类
购物车
商品详情
总结
整个项目对于来说最大的收获就是自己去实现一些工具库,ui组件库,自定义vue指令结合IntersectionObserver实现图片懒加载功能,重零搭建项目环境和打包构建配置, 尝试使用SSR的方案等等。在整个开发过程中遇到了很多问题,然后通过一步一步通过打日志,打断点的方式去调试解决了这些问题,收获更多的知识和经验。
同时也对vue也有更加深刻的理解,对vue的渲染时机,何时使用$nextTick, 对于v-if和v-show两者的取舍等知识有了更好的掌握。
那这里我想起鲁迅先生的一句话:“没有什么问题是通过阅读源码解决不了的”。所以当使用某个库达到一定程度后,您经常需要用到它,那么这时候你应该要尝试地去理解它的核心原理,而不要一直停留在api的使用上,那当遇到问题的时候就知道如何查找问题出处,同时也会有更加优雅的解决方案。