具体的项目流程

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 项目升级

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值