熟练使用React ,Vue等主流框架进行项目开发
熟悉typeScript,javaScript,es6,hooks等前端技术
熟练使用eview,element-ui,antdesign,echarts,highcharts 等组件库
熟悉http,https,websocket 协议,localStorage,sessionStorage,cookie等前端存储
熟练掌握主流的前端开发模式:MVVM,MVC设计模式
熟练用Git,iSource,sourceTree等版本控制工具
熟悉自动化开发工具webpack的基本用法以及性能优化
熟悉uni-app,taro等工具来开发微信小程序
通化矛盾纠纷多元化解信息化平台
项目经历
技术栈:vue3+vuex+element-plus+echarts +es6+ruoyi +vite
项目描述:该系统是服务于某社区机构,针对各种矛盾纠纷进行调解应用分析解决,矛盾纠纷有多类包括但不限于:合同纠纷,劳务纠纷,婚姻纠纷等等。主要功能包括:矛调大屏、在线咨询、统一受理、统一办理、组织机构、法规案例库、调解解调室等
开发内容:
• 通过ruoyi +vite来搭建项目基本开发环境,实现有效且快速投入开发
• 封装基础页面中查询搜索模块,提升了相同组件在多个模块中的复用性
• 使用v-lazy的懒加载技术,实现在大量图片进入视口时才加载,避免页面加载速度慢
• 使用虚拟滚动库vue-virtual-scroll-list 来优化长列表渲染,避免页面的卡顿
• 使用corpper.js实现个人中心的头像切片上传
• 使用defineAsunsComponent,Suspence,在异步组件没显示时,给用户展示默认页面
vegasHit 游戏数据平台
技术栈:react +redux+hooks +umi +antd+echarts +es6
项目描述:针对用户所运营的游戏数据进行统计分析开发的管理平台,主要功能包括: 游戏管理模块,玩家信息管理模块,玩家
权限管理模块,游戏活动方案模块,玩家充值统计模块,游戏活跃度模块,游戏计算指标看板,游戏事件分析看板等
开发内容:
• 使用ant-design/pro-components的ProLayout去自动生成菜单,导航组件的标准布局模式
• 使用echarts 来展示各种指标,参数,事件的数据统计分析
• 使用react-grid-layout 网格布局系统,在看板功能支持视图的拖拽和缩放
• 通过hooks 的高阶组件去封装的表单组件,图表组件,实现了组件高效复用,降低维护成本
• 通过hooks 的常用钩子函数来解决组件之间复用状态逻辑复杂的问题
• 使用websockt的双向通信特点,实现了可以即时收到通知警告等消息
SmartChart数据可视化大屏
技术栈:react +redux+hooks +antd+echarts +es6
项目描述:该项目是一个数据可视化定制平台,服务于内部企业数据可视化场景需求,如创建和使用报表、仪表板和大屏,进行可
视化数据分析,构建可视化数据应用等,各类报表,仪表均可支持权限可控的标准化交互能力,主要模块有:可视化看板,数据视
图列表,数据资源列表,定时任务,成员与角色,权限控制,组织设置等
开发内容:
• 使用antd-theme-generator 主题生成工具,实现动态主题切换功能
• 使用echarts-wordcloud插件来调整字体大小颜色旋转角,实现echarts文字云图表的个性化定制
• 使用react-grid-layout 网格布局系统,在看板功能支持视图的拖拽和缩放
• 通过flexlayout-react 的标签页与ECharts 图表结合,实现多视图动态切换与布局调整
• 通过react-resize-detector利用了现代浏览器中的ResizeObserver接口,实时检测并处理元素尺寸变化
技术栈:vue3+vuex+element-plus+echarts +es6+ruoyi +vite 项目描述:该系统是服务于某社区机构,针对各种矛盾纠纷进行调解应用分析解决,矛盾纠纷有多类包括但不限于:合同纠纷,劳 务纠纷,婚姻纠纷等等。主要功能包括:矛调大屏、在线咨询、
技术栈:react +redux+hooks +antd+echarts +es6 项目描述:该项目是一个数据可视化定制平台,服务于内部企业数据可视化场景需求,如创建和使用报表、仪表板和大屏,进行可 视化数据分析,构建可视化数据应用等,各类报表,仪表均可支持权限可控的标准化交