去哪儿的项目开发流程（简述）

目录

 

Ⅰ. 总览整个项目，确定技术栈，即要用哪些技术来共同完成该项目。

Ⅱ. 搭建项目

 Ⅲ、300毫秒延迟问题

Ⅳ、1px像素

Ⅴ、多环境变量

Ⅵ. 路由 

Ⅶ、 组件化开发

Ⅷ、webpack配置打包优化 （vue.config.js） 

---

Ⅰ. 总览整个项目，确定技术栈，即要用哪些技术来共同完成该项目。

 

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）

① 从0搭建 

• 指令

vue create projectname 

 

 

 

 

 

 

 

 

 

 

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

vue ui

 

② 使用模块  

好处：找到我们项目相应的模板就不用我们手动配置文件，且不易出错。

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. 字体图标引入

 Ⅲ、300毫秒延迟