1.分析项目项目大概可以分为8个部分1.基础配置2.登录模块3.用户模块4.权限管理模块5.商品模块6.订单模块7.数据统计模块8.打包优化1.基础配置：新建一个vue2的项目，安装aixos，element-ui，vuex-persistedstate固化插件对axios进行第一次封装，在src下新建unitils文件夹，里面新建一个request.js文件（名字自定义）引入axios，store，element-ui，在axios.create中设置baseURL基础路径，timeout超时时间，声明一个request变量接收，通过request.interceptors.request.

DevOps提到Jenkins，想到的第一个概念就是CI/CD在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付，使软件的构建，测试，发布更加的快捷、稳定、可靠。CICI的英文名称是ContinuousIntegration，中文翻译为：持续集成。试想软件在开发过程中，需要不断的提交，合并进行单元测试和发布测试版本等等，这一过程是痛苦的。持续集成CI是在源代码变更后自动检测、拉取、构建的过程。CDCD对应两个概念持续交付

DevOps提到Jenkins，想到的第一个概念就是CI/CD在这之前应该再了解一个概念。DevOpsDevelopment和Operations的组合，是一种方法论，并不特指某种技术或者工具。DevOps是一种重视Dev开发人员和Ops运维人员之间沟通、协作的流程。通过自动化的软件交付，使软件的构建，测试，发布更加的快捷、稳定、可靠。CICI的英文名称是ContinuousIntegration，中文翻译为：持续集成。试想软件在开发过程中，需要不断的提交，合并进行单元测试和发布测试版本等等，这一过程是痛苦的。持续集成CI是在源代码变更后自动检测、拉取、构建的过程。CDCD对应两个概念持续交付

一.Flex布局1.1传统布局和flex布局1.1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.1.2flex弹性布局操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差E11或更低版本，不支持或仅部分支持建议：1．如果是PC端页面布局，我们还是传统布局。2．如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.2flex初步体验先写一段简单的flax弹性布局案例来看一下flax~html代码：123CSS代码：div{display:flex;width:80%;height:300px;background-color:pink;ju

一.Flex布局1.1传统布局和flex布局1.1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.1.2flex弹性布局操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差E11或更低版本，不支持或仅部分支持建议：1．如果是PC端页面布局，我们还是传统布局。2．如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.2flex初步体验先写一段简单的flax弹性布局案例来看一下flax~html代码：123CSS代码：div{display:flex;width:80%;height:300px;background-color:pink;ju