Vue2.5从0开发猫眼

栏目: 编程语言 · 发布时间: 6年前

内容简介:该项目已经写了非常详细的文档,帮助刚学习vue能够一步一步操作。链接地址(有疑问的可以到github提issue,共同探讨学习。如果该项目对于您有所帮助,希望您可以点到github star 能支持一下 ^_^

该项目已经写了非常详细的文档,帮助刚学习vue能够一步一步操作。

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

有疑问的可以到github提issue,共同探讨学习。如果该项目对于您有所帮助,希望您可以点到github star 能支持一下 ^_^

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

为什么想写这个项目?

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

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

  • 很多同学应该有这个疑问,看完vue文档之后,vue的项目怎么合理搭建目录,这个帮刚准备写vue的项目的目录结构能够很清晰的划分。

如何使用

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 + git

都包含什么

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

项目演示

Vue2.5从0开发猫眼
Vue2.5从0开发猫眼
Vue2.5从0开发猫眼
Vue2.5从0开发猫眼
Vue2.5从0开发猫眼
Vue2.5从0开发猫眼

说明

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

项目仅作为学习使用,代码里面的组件库可以下载作为自己项目使用,代码会放到github上面,大家可以clone github下载源代码。 大家都能坚持学习下去,


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

精通 CSS(第3版)

精通 CSS(第3版)

[英]安迪•巴德 - Andy Budd、[瑞典]埃米尔•比约克隆德 - Emil Björklund / 李松峰 / 人民邮电出版社 / 2019-2 / 99

本书是CSS设计经典图书升级版,结合CSS近年来的发展,尤其是CSS3和HTML5的特性,对内容进行了全面改写。本书介绍了涉及字体、网页布局、响应式Web设计、表单、动画等方面的实用技巧,并讨论了如何实现稳健、灵活、无障碍访问的Web设计,以及在技术层面如何实现跨浏览器方案和后备方案。本书还介绍了一些鲜为人知的高级技巧,让你的Web设计脱颖而出。一起来看看 《精通 CSS(第3版)》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具