Vue 2.0 实战之仿Eleme WebApp SPA(学习)
来源:互联网 发布:新版淘宝怎么交水费 编辑:程序博客网 时间:2024/05/29 09:43
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滑动
- 商品联动
- 商品加入购物车
- 图片左右滑动
- 小球飞入动画
- 评论筛选
- 等等
- 安装:
// githubgit 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,在开发过程也碰到了许多问题。不过还好都已经解决了。
阅读全文
0 0
- Vue 2.0 实战之仿Eleme WebApp SPA(学习)
- Vue SPA + Nodejs项目实战
- vue实战--SPA的实现思路
- Vue 2.0 高级实战-开发移动端音乐WebApp
- Vue 2.0 高级实战-开发移动端音乐WebApp
- vue实战之 仿饿了吗 之 页面主要js和vue文件
- vue组件eleme 时间选择器问题
- 全网稀缺Vue 2.0高级实战 独立开发专属音乐WebAPP
- vue spa project build
- vue饿了么webapp之vue.set用法
- Vue之ToDoList实战
- android 二级联动列表,仿eleme点餐页面
- webapp学习之1--配置
- 视频学习Vue-仿APP学习笔记
- 基于vue仿饿了么webapp部署到Coding上
- 使用vue开发微信公众号下SPA站点的填坑之旅
- webpack入坑之旅(六)配合vue-router实现SPA
- webpack入坑之旅(六)配合vue-router实现SPA
- PHP基础教程-08 整形变量
- 浏览器关闭,Session生命周期
- MapReduce的写法
- 霍夫曼编码
- [USACO3.3.2]Shopping Offers
- Vue 2.0 实战之仿Eleme WebApp SPA(学习)
- android面试题,各大企业常见的android面试题之一
- Intellij idea 的tomcat原理讲解
- 静态代码块,构造代码块,构造方法的执行顺序和特点
- javascript实现2048小游戏
- POJ3320 尺取法
- 静态变量,局部变量,全局变量的区别
- 最小生成树之java实现
- #if defined 与#ifdef的区别