Vue2.5从0开发猫眼

重要!!!

该项目已经写了很是详细的文档,帮助刚学习vue可以一步一步操做。css

连接地址(cxp1539.github.io/vue-maoyan/)html

有疑问的能够到github提issue,共同探讨学习。若是该项目对于您有所帮助,但愿您能够点到github star 能支持一下 ^_^vue

github地址(github.com/cxp1539/vue…)webpack

为何想写这个项目?

  • 这一两年趁业余时间接触了Vue、React,平时也都是拿小功能练练手,知识点比较碎。想借个项目梳理一下,把一些移动端很细的技术点都融进这个项目中。ios

  • 帮助刚学习vue的同窗,可以能快的上手项目。vue基本上都是要运用各类全家桶技术栈,因此这个能够帮助刚学习的同窗更好的掌握Vue各个基础知识点和各类全家桶技术的结合的项目。git

  • 不少同窗应该有这个疑问,看完vue文档以后,vue的项目怎么合理搭建目录,这个帮刚准备写vue的项目的目录结构可以很清晰的划分。es6

如何使用

git clone https://github.com/cxp1539/vue-maoyan-web.git
cd vue-maoyan-web
npm install
npm run dev
复制代码

技术栈

Vue2.5 + Vuex + Vue Router + axios + Es6 + stylus + flex + Webpack + ESlint + gitgithub

都包含什么

  • 合理的项目目录规划
  • Flex布局项目中使用
  • iconfont使用
  • 移动端点击穿透
  • 图片懒加载
  • 移动端1px边框问题
  • 移动端2x,3x背景图问题
  • 基础组件库如topbar、loading、弹出框、滚动条、城市选择等组件的封装
  • Vue动画
  • Promise
  • axios获取数据
  • Vuex的使用
  • LocalStorge本地存储
  • 异步组件
  • ......

项目演示

说明

看这个项目前可以用预备html,css,vue,es6,webpack的一些知识web

项目仅做为学习使用,代码里面的组件库能够下载做为本身项目使用,代码会放到github上面,你们能够clone github下载源代码。 你们都能坚持学习下去,npm

相关文章
相关标签/搜索