项目描述:企业级新闻信息中枢平台,整合了新闻、动态、快讯、宣传、舆情管理等 23 个内容模块,45 个流程, 同时具备投稿、积分、评论、系统管理等功能,实现企业新闻信息相关内容全生命周期管理,实现 3000+使用
项目技术栈:Vue2+Vuex+Webpack+Element+Echarts
主要职责:
负责前端团队(3 人)任务分配,技术方案设计与开发排期,协调跨部门资源,高效推进该项目 100%按期
上线
负责项目基础框架 layout 搭建,公共模块的组件,函数,mixins,store,style 封装,让前端团队其他成员拿着
就可以进行自身模块的开发,实现团队 40%开发效率的提升
负责主要功能模块的开发,如舆情,积分,焦点热议,模块投稿等,保证项目主要模块的无误性
负责其他前端人员的代码评审,负责项目性能优化和页面响应速度提升,优化代码并保持良好兼容性,提
升首屏加载速度 1.6 秒
技术要点:
基于 element UI 组件库封装 layout 组件,集成动态路由鉴权、权限菜单自动生成、响应式侧边栏及主题
切换能力,可通过传入不同角色权限实现路由权限控制,通过模块化设计实现 90%业务场景使用,并充分预
留插槽,实现后台系统管理和栏目管理部分展示区别
基于 element ui 组件封装了上传,树形级联,评论,水印,block-title,流程提交等组件,减少冗余代码量 50%
对相同投稿操作代码进行抽离,使操作方法主要集中于一个 js 文件,避免代码冗余,并且使其便于维护
使用 echarts+dataV 根据不同需求设置内置 api,绘制可视化单位平台访问占比,个人积分分类柱状图,投
稿模块占比图,积分饼图等可视化图表,并使用 websocket 进行长链接,实现数据的动态,即时渲染
针对不同权限用户基于后端返回的动态路由表数据,对侧边栏菜单进行动态渲染,并使用 Vuex 搭配路由
守卫做好权限控制,防止非法跳转,保证内部隐私性;
通过图片懒加载,减少不必要多余请求,预加载,少量使用的第三方库按需加载等方案做好性能优化,并保证
结构语义化,便于做好 SEO
在后端接口没有开发出来且影响到后续开发内容时使用 mockjs 快速模拟虚拟特定数据独立开发,无需等
待后端接口,加快开发效率;