去哪项目开发流程(简述)

一、1、该项目是对移动端去哪儿网的仿写，实现了从首页、城市选择、详情页面，是一个前后端分离的开源目，实现了前端内容的编写。
       2、主要技术栈：vue2.0 + vue-cli3/4 + vue-router + axios + vuex + vant + rem + sass + webpack

二、项目搭建

yarn，npm(cnpm) 包管理工具
yarn add axios -S
cnpm install axios -S
-S: --save-dev 生产环境的依赖 （dependencies）
-D: --dev 开发环境的依赖 （devDependencies）

1、（1）从0搭建，指令：

vue create projectname
.....
cd projectname
yarn install
npm run serve

（2）UI可视化界面安装、配置、安装插件、启动项目

vue ui

2、 使用模块（好处：快,模板给我们配置好了）

1. 多环境变量配置（开发、测试、生产）
2. axios 请求拦截，响应拦截 (API统一管理)
3. sass 预编译
4. rem移动端适配方案
5. vant-ui 按需导入
6. 本地跨域
7. vuex
8. 300毫秒延迟问题 （较老设备点击事件有300ms延迟问题）
9. 1px 边框像素问题
10. 初始化样式问题 (reset.css引入项目)
11. js工具文件 （防抖、节流、日期处理、数据类型检测）
12. 字体图标引入

3、300毫秒延迟问题 

yarn add fastclick -S
//main.js
import fastclick from "fastclick";
fastclick.attach(document.body);

4、1px 像素

// aseets/css/border.css
/* 2倍屏 */
@media only screen and (-webkit-min-device-pixel-ratio: 2.0) {
    .border-bottom::after {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}
/* 3倍屏 */
@media only screen and (-webkit-min-device-pixel-ratio: 3.0) {
    .border-bottom::after {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}
------------------------------------
// main.js
import './aseets/css/border.css'