点击空白处退出提示
作品详情
1、根据产品经理要求实现业务功能
2、与后端工程师前后台调成,完成功能交互
3、和测试进行沟通对项目进行优化
4、优化页面加载速度;
使用技术:
1,基于组件化开发的思想,封装各模块需要重复使用的组件,如面包屑导航栏、分类导航,提供代码复用率
2,对Tag标签组件使用Popover 弹出框进行鼠标右击处理页面刷新和选择性关闭
3,登录,首页页面flex进行布局,对menu和右边窗口进行滚动条优化,登录使用element的form表单组件进行规则校验
4,使用axios封装请求拦截器对请求的数据进行处理,完成后台数据交互
5,使用Less + Css变量+element ui的ColorPicker 颜色选择器实现动态换肤功能
6,登录成功后根据用户的权限,从后台获取路由配置信息,用router.addRoutes生成动态路由
7,使用i18n 国际化
项目难点:
1、打包性能优化主要是webpack,拆包和提取公共包;对模块分析,移除死代码,将多个模块合并到一个函数里面,减少内存占用,减少体积,提示运行速度
2、在项目开发中临时加上动态一键换肤功能代码改动较大,用样式规范表用变量定义主题色,一次性修改主题色方便后期管理
3、项目包含的功能复杂繁多,修改某个功能都需要整体打包构建,以及测试回归,牵一发动全身。在不涉及后端逻辑的,像样式什么的调整可以自己直接打包发布
代码体积越来越大,构建和发布耗时变长,影响开发效率。要对缓存优化,分模块构建。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态
评论