1.具体的介绍
面试官你好,《去哪了》这个项目是我独立开发的,接下来我给您简单的介绍一下,我从0开始,直到发布上线的流程
2.基本的配置过程
首先当我拿到这个项目的时候,我要先进行一个项目的大体的流程是什么样子的
- 1.来确定这个项目的整体的框架结构
- 2.然后在确定一些具体的功能模块
- 3.然后就开始创建项目
1.在创建项目时,我们可以进行一个手动的配置从而选择我们所需要的东西,比如:路由,vuex, sass, 之类,然后启动项目
2.然后的话就是安装一些rem的适配,1px 边框像素问题,字体图标引入,本地跨域,axios,还有就是安装ui框架
开发这个项目我使用的是一个vue3.0的一个脚手架,当我搭建完我的项目之后,首先我会配置一个多环境变量,方便后期的测试,发布线上减少大量的时间,然后我会根据项目具体的需求来进行一些(ui)框架的配置,之后的话我会安装axios,然后对axios进行封装,添加请求拦截器,响应拦截器,我一般在请求拦截器中,给请求头添加token字段,当然这个token值我会存在vuex中的,然后还可以做一些loading的一些加载效果,我会放在响应拦截器中,接着我会用封装好的axios进行api接口的封装,这里我用到了async、await封装请求接口函数,这样可以将异步操作同步化操作,代码更加友好,避免回到地狱的出现。
3.项目的组件化开发
应为vue是可以基于组件开发的,所以在做项目的时候我会将一些公共的组件进行一个拆封,从而达到代码的复用,大大减少了我们的写代码的数量
4.项目的优化
使用路由懒加载
图片懒加载
使用节流防抖函数(性能优化)
5.项目的打包测试
这里的话用到了多环境变量中的测试环境了
6.项目的发布
后期的维护升级
1. 项目的维护
2 项目升级