I. Project Description
- This project is a takeaway Web App (SPA)
- Including business, trade, shopping cart, user and other sub-modules
- Using the latest technology the hottest front-end Vue family bucket + ES6 + Webpack etc.
- Modular, component-based, project-oriented development model
Second, the project function interface
Third, technology selection
Fourth, the front-end route
Five, API interfaces
Sixth, the Vue project components
Seven, what can you learn from this project
7.1 processes and development methods
- Familiar with the development process of a project
- Society of components, modular, engineering development model
- Master the use of scaffolding vue-cli project initialization Vue.js
- Simulation Society json backend data to achieve separation of the front and rear ends of the development
- Learn ES6 + eslint development mode
- Have some project optimization techniques
7.2 Vue plug-in or third-party libraries
- Learn to use vue-router to develop a single-page application
- Learn to use axios / vue-resource exchange data with back-end
- Learn to use vuex management application component status
- Learn to use better-scroll / vue-scroller achieve page sliding effect
- Learn to use mint-ui interface component library building
- Learn to use vue-lazyload achieve Pictures idle load
- Learn to use mockjs analog background data interface
7.3 style / layout / effect related
- Learn to use the stylus to write modular CSS
- Transition to write learn to use Vue.js of cool interactive animation
- How to make and use the font icon
- Learn to solve problems moving end 1px border
- Learn to move end classic css sticky footer layout
- Learn to flex elastic layout