项目结构
src component 项目公共组件 views 页面的组件 util 公共的库
项目上线
npm run build , dist 提交给后端, 后端来发布 dist中有两个js , 一个是公共库的js ,一个是自己代码的js 为了解决首屏加载慢, 路由懒加载,路由分隔,会把js分割
在哪用的redux
用户登录状态 展开折叠 状态快照 (异步数据,为了减轻服务器的压力,缓存了,后台系统中角色列表页面) 控制选项卡
造过什么轮子
封装过轮播, 吸顶 ,无限滚动
封装过程中,要考虑好传属性 , 要限制属性的值 封装指令, 封装滚动指令 封装轮播插件 封装过选项卡 封装过loading框
组件的复用, 组件的封装
登录验证
前端路由拦截 ,判断有没有token ,引导到登录页面 等用户登录用户密码,post到后端,登录成功,把token存到本地中,用localstorage.setItem ,每次用axios拦截器判断有没有token,重定向到登录界面 ,如果后端返回401,表明已经过期,表示没有授权,再跳转页面。
遇到问题?怎么解决的
1、结合业务
2、兼容性
在使用echarts时,发现显示的宽度总是不对,后来通过查询文档,发现要放在异步中解决这个问题。
移动端适配
弹性盒 ,rem(等比例缩放)
如何与后端对接
确定好返回的数据格式, 请求的方法是get还是post, 没有数据之前我用json-server进行模拟 , 开发好了 用接口形式 。
团队管理工具git
创建分支, 每个人在自己的分支开发