Web_front的博客

登录业务流程 判断用户是否登录 第一次登录的时候，前端调后端的登陆接口，发送用户名和密码，后端收到请求，验证用户名和密码 如果想点进我的页面，没有登录的话，会自动跳转登录页面，前端可根据后台返回的信息，在路由跳转中做判断。因为在这里使用的 axios做vue的请求模块，所以项目采用的是在请求拦截模块中根据后台返回的登录状态码进行判断，客户端输入手机号，点击验证码，进行登录，服务端对手机号，验证码进行验证，验证通过，则说明登陆成功，根据当前用户信息，生成了token，将token信息以cookie形式返回到了

项目常见属性 flex 项目占的份数 align-self 控制子项自己在侧轴的排列方式，前面的align-items 和 align-content 是对所有子项应用相同的排列方式，而这个属性是对单个子项应用个性化的排列方式 order 定义项目的排列顺序（前后顺序） 1. flex 定义子项目分配剩余空间，用 flex 属性表示占多少分 分配的容器的剩余空间会增加到元素的宽度上 项目...

容器常用属性 下列属性用于设置容器，也就是父盒子 flex-direction：设置主轴的方向，也就是项目横向排列还是纵向排列 justify-content：设置主轴上的子元素的排列方式 flex-wrap：设置子元素是否换行 align-content：设置侧轴上子元素的排列方式（多行） align-items：设置侧轴上的子元素排列方式（单行） flex-flow：复合属性，相当于同时设置...

1. 传统布局与flex布局 传统布局： 兼容性好 布局繁琐 局限性，对移动端的支持不好 flex弹性布局： 操作方便，布局极简单，移动端应用广泛 PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 建议： PC端页面，使用传统布局 移动端页面或者不考虑兼容性问题的PC端页面布局，使用flex弹性布局 2. 给父元素盒子div加入弹性布局后，...