核心框架与工具
熟练使用 Vue2、Vue3、Vuex、Vue Router、Element-UI、Element-Plus 等前端框架和组件库,支持复杂的业务需求。
掌握前端模块化开发,熟悉 Webpack构建工具的使用,支持按需加载、代码拆分与项目打包优化。
熟练使用 Lodash、Moment、Swiper、Number-Precision 等常见第三方库,提升开发效率和代码可读性。
样式与布局
熟练使用 Less 编写样式,便于代码维护;掌握 Flex 布局、Rem 布局等多种布局方案。
数据管理与状态管理
熟悉 Vuex 的模块化管理与持久化处理,支持大规模应用的数据管理;掌握 Pinia 等新型状态管理工具。
深入理解数据响应式原理,能够熟练实现多种组件间通信方式,提升组件的耦合性和维护性。
前端性能优化
掌握首屏加载优化、懒加载、路由懒加载等技术,能够有效减少资源加载时间、提升页面性能。
精通高频事件节流与防抖处理、事件监听的及时销毁、定时器的清理,提升项目的稳定性与性能。
前端安全与存储管理
熟练使用 LocalStorage、SessionStorage 和 Cookie 实现前端缓存,支持用户数据的本地持久化。
熟悉前端数据加密技术,能够使用 AES、RSA 等加密算法对敏感信息进行加密处理,提升数据传输安全性,防止敏感信息泄露。
接口设计与数据交互
熟练使用 Axios 进行接口封装,实现高效的前后端数据交互;具备解决跨域问题、配置环境文件的经验。
编程规范与代码质量
注重代码质量和可维护性,遵循良好的编码规范,善于提取公用方法并封装优化公共组件。
掌握组件库开发,具备自定义组件封装能力,支持项目中的组件复用与优化。
版本控制与协作开发
熟练掌握 Git 版本控制工具,支持项目的版本管理和多人协作开发,保障团队开发流程顺畅。
其他技术能力
熟练使用 Chrome DevTools 进行调试与性能调优,掌握 Jest、Vue Test Utils 等工具进行单元测试,确保代码的稳定性和可靠性。
精通 ES6 语法,熟练使用箭头函数、解构赋值、数组去重、循环、Async/Await 等常用语法,提升代码的简洁性和可读性
电力百科pc端、admin端及百科助手 上海通泰数智科技有限公司
项目介绍:
电力百科项目隶属于国家电网营销2.0系统,涵盖PC端、Admin管理端以及集成于2.0系统的百科助手。作为一个知识库平台,电力百科的功能类似于百度百科,提供了词条、课程、课件、在线考试等多个模块,用于系统化地管理和展示电力领域的相关知识。
工作内容:
本周期的工作主要围绕“知识点”概念展开,进行了 PC 端、Admin 管理端和百科助手的功能开发和迭代。
在 PC 端,完成了新版百科主页的开发,并扩展了课程与课件模块,包含列表页、详情页及文档流预览功能,同时新增目录跟随内容滚动的交互设计。此外对检索功能进行升级,涵盖普通检索、高级检索和词条内检索,以提升知识点的精准搜索效果;在词条详情页增加知识点的聚焦和高亮显示,增强用户体验;在线考试模块中,用户填写个人信息后即可开始考试,支持多种题型和限时、不限时和限次和不限次多种模式搭配。限时考试会自动计时,考试结束后,用户可在个人中心查看详细的考试结果和解析。
在 Admin 管理端,新增了知识点的创建功能,并支持根据创建的知识点生成对应的专业词汇词条。同时开发了课程和课件的后台管理页面,以及岗位标签管理和专业管理功能;扩展试题列表和每日一学(营销调考)配置页面,支持日常学习和考核配置;在线考试模块,用户可以导入、创建和修改试题,同时支持创建和编辑试卷,搭配试题并设置分值。系统还允许根据限时、考试次数、人员范围等多种条件配置考试,提供灵活的管理功能。为提升整体效率,还对多个公共组件进行了优化。
百科助手方面,新增了每日一学功能,支持营销调考内容的学习与考核,并对划词查询功能进行了优化,提高查询效率和准确度,同时进行百科助手的 UI 更新迭代,以提升用户使用体验。
实现功能:
1.在每日学习模块中,根据配置规则推送知识点,以“一页一点”的形式展示内容并附带测验题;用户需按要求完成答题(答完或全对)后方可关闭。
2.营销调考模块实现了得分和答题时间的统计,支持自动交卷和手动交卷两种方式。
3.在词条编辑中集成 wang-editor,实现富文本的高效编辑。
4.表单模块支持数据驱动的表单项动态新增、删除,联动选择及级联下拉框设置,以适应不同场景需求。
5.项目中封装了文档流预览组件,支持 docx、xls、xlsx、mp4、pdf 等多种文件格式的预览。
6.优化 admin 管理端公共表格组件,扩展其功能以更好满足不同业务需求。
7.在线考试功能包括管理员创建试题、配置试卷与考试设置,PC端用户进行在线考试。
东胜后管项目(vue3)以及驾驶舱大屏 上海微创软件科技有限责任公司
项目介绍:
该项目是专为东胜公司员工打造的业务管理平台,通过驾驶舱展示、形象管理、调运管理和装车管理等模块,为员工提供了全面的业务操作支持。平台集成了数据可视化、运输调度优化和装车流程管理,帮助公司实现了业务流程的标准化与高效化,确保关键业务信息透明、操作规范,提升了整体管理效率。
工作内容:
该项目为东胜公司从零打造了集成化管理平台,包括驾驶舱展示、形象管理首页、天气预报、装车管理、调运模块及基础数据管理等模块。驾驶舱模块通过实时数据可视化为管理层提供业务关键指标,形象管理和天气预报模块支持员工形象维护及运营规划,装车管理和调运模块优化了物流操作流程,基础数据管理模块确保了数据的统一和高效维护。
实现功能:
1.基于 芋道管理后台 架构进行二次开发,通过芋道创建简易管理页面并进行调整,满足业务需求。
2.根据项目需求,对 Element-Plus 的通知组件进行了自定义二次开发,实现了个性化的通知效果。
3.使用 Rem 布局 方案,适配大屏显示,实现自动缩放。
4.通过 vue-seamless-scroll 插件,实现了数据的无缝滚动效果,增强信息展示的流畅度。
5.利用 高德地图 API 和 箩筐地图 API,实现地图打点和多种交互效果,丰富了地理信息展示。
6.使用 ECharts 的柱状图、折线图、散点图、饼图、水球图等图表组件,完成驾驶舱数据可视化效果。
7.借助 阿里云 DataV,实现驾驶舱中的边框装饰效果,使界面设计更具层次感。
8.优化历史代码以提升整体运行效率,并修复了项目中的遗留问题。
龙智精工(数字化管理平台) 上海微创软件科技有限责任公司
项目介绍:
该项目是一款面向龙湖员工的数字化管理平台,集收入管理、商机管理、劳务管理、施工管理、项目管理及计划管理等功能于一体,涵盖了企业运营管理的各个核心环节。平台支持 PC 端和移动端 H5 应用,便于员工随
项目介绍: 电力百科项目隶属于国家电网营销2.0系统,涵盖PC端、Admin管理端以及集成于2.0系统的百科助手。作为一个知识库平台,电力百科的功能类似于百度百科,提供了词条、课程、课件、在线考试等多个模块,用于系统化地管理和展示电力领域的相关知识。 工作内容: 本周期的工
百度智能云提供了一系列强大的产品和服务,帮助企业实现数字化转型。其核心产品包括大规模的AI能力、云计算、数据存储和分析工具等。 工作内容: 在该项目中,独立学习并掌握了 ER框架及相关技术栈,参与团队需求分析并负责功能开发。具体包括公有云SC、RDS、DDC等模块的开发,私