Git Product home page Git Product logo

vue-maoyan's Introduction

重要!!!

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

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

为什么想写这个项目?

  • 这一两年趁业余时间接触了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本地存储
  • 异步组件
  • ......

项目演示

说明

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

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

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

vue-maoyan's People

Contributors

cxp1539 avatar dajdlak avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.