Vue 2.0 实战之仿Eleme WebApp SPA(学习)

Eleme (饿了么移动端SPA)

概述：
非常感谢黄毅老师录制的实战视频，给刚入门Vue的人提供了很好的Vue进阶教程。
该实战项目使用Vue2.0开发。

Github地址: Eleme SPA
技术架构：
- Vue 2.0
- Vue-router 2
- Vue-cli
- Axios
- Better-scroll
- ES6
- Webpack 2
- Eslint
- Sass
项目截图
功能：
- 模拟原生App滑动
- 商品联动
- 商品加入购物车
- 图片左右滑动
- 小球飞入动画
- 评论筛选
- 等等
安装：

// github
git clone https://github.com/Eval0day7/StudyEleme.git// npm// 安装依赖
npm install // 运行项目
npm run dev

总结：
- 了解了项目开发整个流程。
- 设计稿高度还原移动端页面。
- 模块化、组件化开发。
- css sticky footer 经典布局。
- 明白了设备像素比、移动端1px问题。
- Eslint 代码规范检测工具，明白了ES6代码规范。
- 熟悉了Webpack打包工具。
  Ps: 总之这次实战收获匪浅，加深了对Vue开发知识理解，是个很好体验过程，成就感十足。由于实战视频使用的是Vue 1.0，在开发过程也碰到了许多问题。不过还好都已经解决了。

Vue 2.0 实战之仿Eleme WebApp SPA(学习)相关推荐

1-vuejs2.0实战：仿豆瓣app项目，创建自定义组件tabbar
大家好,我给大家分享一下仿豆瓣app的教程.当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app.----第一次写文章,写得不好请见谅. 为什么我们选择豆瓣app 来做这样一个教程? ...
vuejs2.0实战：仿豆瓣app项目，创建自定义组件tabbar
大家好,我给大家分享一下仿豆瓣app的教程.当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app.----第一次写文章,写得不好请见谅. 为什么我们选择豆瓣app 来做这样一个教程? ...
TensorFlow2.0实战：入门到进阶深度学习
TensorFlow2.0 入门到进阶课程以Tensorflow2.0框架为主体,以图像分类.房价预测.文本分类等项目为依托,讲解Tensorflow框架的使用方法,同时学习到相关的深度学习/机器学 ...
Vue 3.0 企业级项目实战
目录小册介绍 Vue 3.0 + Element Plus + Spring Boot 前后端分离实践,你不能错过! 小册须知你会学到什么? 适宜人群作者介绍小册介绍基于真实项目的实战开发, ...
Vue 2.0 商业案例一则-姜威-专题视频课程
Vue 2.0 商业案例一则-5225人已学习课程介绍课程中演示了一套在线四级英语单词的复习系统的架构,从开始构建到路由的设置,vuex的后端同步,前后端分离的案例分析. 课程收益 ...
Vue3.0 + typescript 高仿网易云音乐 WebApp
Vue3.0 + typescript 高仿网易云音乐 WebApp 前言 Vue3.0 的正式发布,让我心动不已,于是尝试用 vue3 实现一个完整的项目,整个项目全部使用了 composition ...
Vue 2.0 真实点餐项目实战
1 常见的七种排序算法解析作者简介: 耀升,一线互联网公司 Android 架构师,做过十余个项目,丰富的项目管理经验.热爱技术分享,活跃于 CSDN 和知乎. Chat 简介: 在面试中一问到排序 ...
vue+uni-app商城实战 | 第一篇：从0到1快捷开发一个商城微信小程序，无缝接入OAuth2实现一键授权登录
一. 前言本篇通过实战来讲述如何使用uni-app快速进行商城微信小程序的开发以及小程序如何接入后台Spring Cloud微服务. 有来商城 youlai-mall 项目是一套全栈商城系统,技术栈 ...
滴滴 webapp 5.0 Vue 2.0 重构经验分享
项目背景滴滴的 webapp 是运行在微信.支付宝.手 Q 以及其它第三方渠道的打车软件.借着产品层面的功能和视觉升级,我们用 Vue 2.0 对它进行了一次技术重构. 技术栈 MVVM框架: Vu ...
Flutter入门实战教程：从0到1仿写web版掘金App （完结）
前言准确的说,这是去年十一月份就写好的教程, 虽然迟迟未上线(拖了半年),但是非常感谢购买的老铁们~ 虽然心中很不爽, 但是回头想想,也是的确写的比较仓促,但是当时自己在写的过程中,的确能学到很多东 ...

Vue 2.0 实战之仿Eleme WebApp SPA(学习)

Eleme (饿了么移动端SPA)

Vue 2.0 实战之仿Eleme WebApp SPA(学习)相关推荐

最新文章

热门文章