resume: 更新个人信息和职业经历
This commit is contained in:
211
index.html
211
index.html
@@ -43,7 +43,7 @@
|
||||
<h3>手机</h3>
|
||||
<h2><p>132 8125 9620</p></h2>
|
||||
<h3>邮箱</h3>
|
||||
<h2><p><a href="mailto:1042039504@qq.com">1042039504@qq.com</a></p></h2>
|
||||
<h2><p><a href="mailto:odjemail@163.com"> odjemail@163.com</a></p></h2>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
@@ -60,7 +60,7 @@
|
||||
<!-- <li><a href="javascript:window.print();"><span class="glyphicon glyphicon-print"-->
|
||||
<!-- aria-hidden="true"></span>Print-->
|
||||
<!-- CV</a></li>-->
|
||||
<li><a href="mailto:1042039504@qq.com"><span class="glyphicon glyphicon-envelope"
|
||||
<li><a href="mailto:odjemail@163.com"><span class="glyphicon glyphicon-envelope"
|
||||
aria-hidden="true"></span>Email
|
||||
me</a></li>
|
||||
</ul>
|
||||
@@ -75,8 +75,8 @@
|
||||
<li>学历：本科</li>
|
||||
<li>英语：CET-4</li>
|
||||
<li>手机：13281259620</li>
|
||||
<li>邮箱：<a href="mailto:1042039504@qq.com">1042039504@qq.com</a></li>
|
||||
<li>博客：<a href="https://blog.odjbinail.cn">https://blog.odjbinail.cn</a></li>
|
||||
<li>邮箱：<a href="mailto:odjemail@163.com">odjemail@163.com</a></li>
|
||||
<li>个人博客：<a href="https://blog.odjbinail.cn">https://blog.odjbinail.cn</a></li>
|
||||
</ul>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
@@ -97,30 +97,22 @@
|
||||
<div class="item_detail">
|
||||
<h4>成都数字家园科技有限公司<span>2023.07 - 2023.12</span></h4>
|
||||
<h6>前端开发实习</h6>
|
||||
<p>1.基于vue3、ts技术栈和arco-design组件库，实现文物全景后台管理系统的开发；</p>
|
||||
<p>2.基于echarts可视化图表的配置项精准还原设计图，实现可视化数据分析平台的前端开发；</p>
|
||||
<p>3.基于Element Plus组件库，二次封装基础管理系统通用组件，支持动态渲染表单项等。组件
|
||||
已在多个项目中复用，减少30%代码量，提高维护效率。</p>
|
||||
<p>4.积极和后端工程师配合完成接口联调，确保数据交互正常。 </p>
|
||||
<p>1.参与多个智慧大屏项目和文物全景管理系统的前端开发；</p>
|
||||
<p>2.基于Vue3与Echarts实现数据可视化及动态交互，优化组件复用性与渲染性能；</p>
|
||||
<p>3.二次封装Element Plus通用组件，构建动态表单、通用表格等高复用组件体系。</p>
|
||||
</div>
|
||||
<!-- <div class="item_detail">-->
|
||||
<!-- <h4>四川宏驰云科技有限公司<span>2024.01 - 2024.08</span></h4>-->
|
||||
<!-- <h6>前端开发实习</h6>-->
|
||||
<!-- <p>1.带领团队完成小程序和隧道可视化大屏等项目开发，参与开发技术难题攻关，积累研发技术，不断提升个人能力； </p>-->
|
||||
<!-- <p>2.负责保障代码质量，项目的持续优化、改进工作；</p>-->
|
||||
<!-- <p>3.与后端工程师协作，进行数据交互、动态信息展现，完成前端与后端的功能整合实现。</p>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div class="item_detail">
|
||||
<h4>成都康儿丝网络科技有限公司<span>2024.09 - 至今</span></h4>
|
||||
<h6>前端开发工程师</h6>
|
||||
<p>1.基于Vue3 + Ant Design Vue 搭建管理后台，实现云门金兰ERP系统的前端开发，负责库存管
|
||||
理、订单管理等核心模块的开发与优化。 </p>
|
||||
<p>2.参与某区网格+经济运行监测系统的前端开发，基于Vue3 + Ant Design Vue + ECharts开发
|
||||
GDP 增速、社零额增速和经济预期等可视化展示，提高数据展示的直观性和交互体验。根据业务攻克技
|
||||
术难题，积累研发技术，提升个人能力； </p>
|
||||
<p>3.参与垃圾回收app、垃圾投递小程序等项目开发，负责保障代码质量，项目的持续优化、改进
|
||||
工作；</p>
|
||||
<p>4.与后端工程师协作，进行数据交互、动态信息展现，完成前端与后端的功能整合实现。</p>
|
||||
<p>1.独立完成ERP系统的前端开发，抽离通用逻辑并封装为可配置组件；采用模块化设计，划分订
|
||||
单管理、仓库管理、结算管理等独立模块，提升系统可维护性与扩展性； </p>
|
||||
<p>2.参与地理经济可视化监控平台开发，基于Vue3 + Ant Design Vue + Echarts+ Mars2D构建地
|
||||
图+图表联动的数据可视化系统，支持GDP增速、社零额增速、经济预期等关键指标的动态展示与区域
|
||||
下钻，显著提升多维经济数据的空间表达能力与交互直观性。</p>
|
||||
<p>3.自研workflow 编辑器、Echarts编辑器与动态表单编辑器,支持可视化配置与动态渲染；</p>
|
||||
<p>4.参与垃圾回收App与垃圾投递小程序等项目开发，负责核心功能实现及代码质量保障，持续推
|
||||
进项目的性能优化、交互改进，增强系统稳定性与用户体验。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
@@ -128,22 +120,28 @@
|
||||
<div class="item_detail">
|
||||
<div class="skill">
|
||||
<ul>
|
||||
<li>掌握 DIV+CSS 布局、PC 端的响应式布局、弹性盒布局和移动端适配；
|
||||
<li>掌握DIV+CSS 布局、PC 端的响应式布局和弹性盒布局；
|
||||
</li>
|
||||
<li>掌握 HTML5/CSS3 新增标签属性；掌握 JavaScript 及 ES6 常用语法；</li>
|
||||
<li>掌握使用 uniapp 开发框架完成微信小程序和手机 App 项目开发及上线过程，完成了食瞳小程序和排骨记账 app 的开发与发布流程；
|
||||
<li>掌握HTML、CSS、JavaScript(ES6)和 TypeScript，编写语义化、结构清晰的代码；</li>
|
||||
<li>掌握Vue2/vue3 基本语法、生命周期、组件传参等，具备多次Vue2/vue3项目开发经验；
|
||||
</li>
|
||||
<li>掌握 Echarts 可视化图表及其配置项，完成数据大屏开发及隧道可视化开发；</li>
|
||||
<li>掌握使用 elementUI、elementPlus、uview-ui、uview-plus和ant-design-vue 等组件库，并多次运用组件库快速开发
|
||||
Web 网站及小程序等；
|
||||
<li>掌握uni-app 跨端开发体系，具备重构小程序及熟悉上线流程的实战经验；</li>
|
||||
<li>掌握使用Mars2D平台进行地理信息可视化开发；
|
||||
</li>
|
||||
<li>掌握 Vue 生态体系（Vue2 or Vue3、VueRouter...）、vue 基本语法、生命周期、组件传参等，具备
|
||||
多次 Vue 项目开发经验；了解 vue2 源码；
|
||||
<li>掌握组件设计模式与可复用组件封装能力，包括Tinymce编辑器、图标组件(集成SVG和ElementPlus
|
||||
图标库)、表格导出等多个组件化封装；
|
||||
</li>
|
||||
<li>掌握 WebSocket，用于浏览器与服务器之间的实时通信；</li>
|
||||
<li>掌握使用 Apipost 工具或 swagger 文档进行后端接口调试；
|
||||
<li>自研设计可视化配置平台，包括workflow编辑器、Echarts编辑器、动态表单编辑器；负责其设计、
|
||||
组件封装、核心逻辑开发与打包上线流程；现已接入多个后台系统并用于实际业务场景；</li>
|
||||
<li>掌握Vite，根据项目需求配置和优化构建流程，提高开发效率；
|
||||
</li>
|
||||
<li>掌握前端性能优化，包括懒加载、文件分片上传等；</li>
|
||||
<li>使用WebSocket 构建实时隧道大屏平台，支持海量数据动态回显与图表联动；</li>
|
||||
<li>掌握 ECharts图表库，在多个大屏可视化项目中，负责图表组件的封装与配置平台的搭建，支持图
|
||||
表属性的可视化编辑与在线预览；</li>
|
||||
<li>掌握Git，RESTful API，使用 Axios高效处理异步请求和实时数据交互；</li>
|
||||
<li>使用npm、yarn、pnpm 管理依赖，优化开发流程；
|
||||
</li>
|
||||
<li>掌握使用 Git 进行版本控制和代码托管；</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -157,18 +155,19 @@
|
||||
<dd>2023.05 – 至今</dd>
|
||||
<dt>项目描述</dt>
|
||||
<dd>
|
||||
<p>缘境系统是一套基于 SpringCloud 微服务架构，以 RBAC 权限管理、自定义工作流为核心，
|
||||
代码生成，自定义查询（服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级，让用户
|
||||
使用系统服务就可以快速构建查询列表，echarts 图表等页面。）等模块为辅助功能的高并发快速开发
|
||||
基础系统；现已投入到多个大型项目中实际生产应用。
|
||||
<p>FateVerse是一套以权限管理、自定义工作流为核心，多数据源代码生成，多数据源自定
|
||||
义查询（服务主要分为数据源、数据适配器、数据编辑器、数据展示四个层级，让用户使用系统服务就
|
||||
可以快速构建查询列表，echarts图表等页面。）等多种模块为辅的高并发快速开发基础系统；现已投
|
||||
入到多个大型项目中实际生产应用。
|
||||
</p>
|
||||
</dd>
|
||||
<dt>责任描述</dt>
|
||||
<dd>1.完成用户模块，消息通知模块，自定义查询模块的页面开发与接口对接；</dd>
|
||||
<dd>2.完成基于 Vue2 和 G6 的自定义查询 ER 图编辑器的开发与升级（Vue3）；</dd>
|
||||
<dd>3.负责在该项目中集成富文本编辑器 Tinymce，并用于发布公告模块中发布富文本内容；</dd>
|
||||
<dd>4.负责在该项目中使用 vue-codemirror 插件实现代码编辑器，并用于自定义 sql 查询配置；</dd>
|
||||
<dd>5.使用 echarts 和 vuedraggable 制作 Echarts 编辑器的设计与开发。</dd>
|
||||
<dd>1.完成自定义查询模块、用户模块和消息通知模块等多个页面的开发与接口对接；</dd>
|
||||
<dd>2.完成基于Vue2和G6的自定义快速查询ER图编辑器的开发与升级（Vue3）；</dd>
|
||||
<dd>3.自定义workflow编辑器、Echarts编辑器和动态表单编辑器，支持节点动态调整；</dd>
|
||||
<dd>4.二次封装ElementPlus组件，并封装Tinymce编辑器、表格导出、图标组件(集成SVG和Element
|
||||
Plus 图标库)等多个组件；</dd>
|
||||
<dd>5.使用 vue-codemirror 插件实现代码编辑器，并用于自定义sql查询配置；</dd>
|
||||
<dt>开发环境</dt>
|
||||
<dd>
|
||||
<span class="label label-default">WebStorm</span>
|
||||
@@ -205,6 +204,96 @@
|
||||
</dl>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="item_detail">
|
||||
<h5>地理经济可视化监控平台</h5>
|
||||
<dl class="project">
|
||||
<dt>开发时间</dt>
|
||||
<dd>2025.02 - 2025.05</dd>
|
||||
<dt>项目描述</dt>
|
||||
<dd>
|
||||
<p>
|
||||
该平台是面向某区的网格化管理与经济运行一体化监控平台，旨在通过数字化手段提升区
|
||||
域财政管理、经济运行分析与资源配置的智能化水平。平台集成税务流出、财源流动、市场主体动态、
|
||||
收入完成情况等关键功能模块。地图可视化区域则是主要用于直观反映各街道在经济运行过程中的活跃
|
||||
度和重点资源分布情况。
|
||||
</p>
|
||||
</dd>
|
||||
<dt>责任描述</dt>
|
||||
<dd>
|
||||
1.完成区域财源流动、市场主体动态等多个模块的组件化开发；
|
||||
</dd>
|
||||
<dd>2.基于TDesign 参与完成地理经济可视化监控平台的移动端页面开发；</dd>
|
||||
<dd>3.基于Mars2D参与地图可视化开发，直观反映各街道、重点企业、房产和楼宇园区的布局情况
|
||||
及基本信息展示；</dd>
|
||||
|
||||
<dt>开发环境</dt>
|
||||
<dd>
|
||||
<span class="label label-default">WebStorm</span>
|
||||
<span class="label label-default">GIT</span>
|
||||
<span class="label label-default">Mastergo</span>
|
||||
<span class="label label-default">Apifox</span>
|
||||
</dd>
|
||||
<div class="clearfix"></div>
|
||||
<dt>技术架构</dt>
|
||||
<dd>
|
||||
<span class="label label-default">Vue3</span>
|
||||
<span class="label label-default">TypeScript</span>
|
||||
<span class="label label-default">Ant Design Vue</span>
|
||||
<span class="label label-default">TDesign</span>
|
||||
<span class="label label-default">Vite</span>
|
||||
<span class="label label-default">Pinia</span>
|
||||
<span class="label label-default">Echarts</span>
|
||||
</dd>
|
||||
<div class="clearfix"></div>
|
||||
</dl>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="item_detail">
|
||||
<h5>水果ERP系统</h5>
|
||||
<dl class="project">
|
||||
<dt>开发时间</dt>
|
||||
<dd>2024.09 - 至今</dd>
|
||||
<dt>项目描述</dt>
|
||||
<dd>
|
||||
<p>
|
||||
该系统分为三部分：基础平台、开发运营系统和业务系统。旨在开发一个高效的平台，通
|
||||
过优化资源分配和库存管理来提升水果供应链效率。基础平台主要是管理平台用户的账号、角色、权限
|
||||
分配。开发运营系统主要是供开发者使用，管理菜单、字典等系统级功能。业务系统主要用于管理商品
|
||||
的基础数据、订单、库存、结算和报表等模块。
|
||||
</p>
|
||||
</dd>
|
||||
<dt>责任描述</dt>
|
||||
<dd>
|
||||
1.担任前端负责人，独立完成ERP系统的前端开发，抽离通用逻辑并封装为可配置组件；
|
||||
</dd>
|
||||
<dd>2.采用模块化设计，划分订单管理、仓库管理、结算管理等模块，提升系统可维护性与扩展性；</dd>
|
||||
<dd>3.基于Vben Admin封装多个业务组件（表单选择弹窗组件、日历事件组件），提升开发效率；</dd>
|
||||
|
||||
<dt>开发环境</dt>
|
||||
<dd>
|
||||
<span class="label label-default">WebStorm</span>
|
||||
<span class="label label-default">GIT</span>
|
||||
<span class="label label-default">Axure</span>
|
||||
</dd>
|
||||
<div class="clearfix"></div>
|
||||
<dt>技术架构</dt>
|
||||
<dd>
|
||||
<span class="label label-default">Vue3</span>
|
||||
<span class="label label-default">TypeScript</span>
|
||||
<span class="label label-default">Element Plus</span>
|
||||
<span class="label label-default">Ant Design Vue</span>
|
||||
<span class="label label-default">Vite</span>
|
||||
<span class="label label-default">Pinia</span>
|
||||
<span class="label label-default">Echarts</span>
|
||||
</dd>
|
||||
<div class="clearfix"></div>
|
||||
</dl>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
|
||||
<div class="item_detail">
|
||||
<h5>科研项目管理平台</h5>
|
||||
<dl class="project">
|
||||
@@ -213,20 +302,25 @@
|
||||
<dt>项目描述</dt>
|
||||
<dd>
|
||||
<p>
|
||||
基于 SpringCloud 构建的科研项目管理平台，包含授权服务，用户权限管理服务，工作流
|
||||
服务，分布式实时消息服务，分布式日志服务；对科研项目申报、专家评审、项目开题、项目合同、科
|
||||
研进度、项目经费、项目质量、项目文档、科研成果等科研活动全面管理，以项目生命周期为主流程，
|
||||
每个环节使用 Flowable 工作流引擎构建子流程驱动项目流程流转，基于 Flowable 集成自定义 bpmn
|
||||
流程编辑器。
|
||||
本项目旨在实现科研项目全生命周期的数字化管理。平台覆盖科研项目需求征集、项目立
|
||||
项、项目验收、项目资金管理、文档归档等环节；以项目生命周期为主流程，每个环节使用Flowable 工
|
||||
作流引擎构建子流程驱动项目流程，确保各环节高效流转。平台集成自定义BPMN流程编辑器，支持项
|
||||
目审批流程的灵活设计与优化。
|
||||
</p>
|
||||
</dd>
|
||||
<dt>责任描述</dt>
|
||||
<dd>
|
||||
1.负责大部分项目管理平台的页面开发及接口对接（其中有需求征集、需求汇总、项目立项、项
|
||||
目验收、项目归档、专项资金、费用管理等）；
|
||||
1.负责需求征集、项目立项/验收/归档、专项资金、费用管理等多个页面的开发及接口对接；
|
||||
</dd>
|
||||
<dd>
|
||||
2.负责保障项目的质量优化及数据维护工作。
|
||||
2.自定义workflow编辑器和动态表单编辑器，支持节点动态调整与审批人分配，优化流程，缩
|
||||
短审批时间；
|
||||
</dd>
|
||||
<dd>
|
||||
3.封装Tinymce富文本编辑器、文件预览和表格导出等组件，减少重复代码开发，提高开发效率；
|
||||
</dd>
|
||||
<dd>
|
||||
4.二次封装Element Plus组件，降低代码冗余程度，提高维护效率。
|
||||
</dd>
|
||||
<dt>开发环境</dt>
|
||||
<dd>
|
||||
@@ -245,6 +339,7 @@
|
||||
<span class="label label-default">Pinia</span>
|
||||
<span class="label label-default">Axios</span>
|
||||
<span class="label label-default">Vue Router</span>
|
||||
<span class="label label-default">tinymce</span>
|
||||
</dd>
|
||||
<div class="clearfix"></div>
|
||||
</dl>
|
||||
@@ -257,18 +352,18 @@
|
||||
<dd>2023.12 - 2024.04</dd>
|
||||
<dt>项目描述</dt>
|
||||
<dd>
|
||||
<p>此项目是一款基于 three.js 技术开发的隧道可视化大屏，实时展示隧道内部情况，帮助
|
||||
<p>此项目是一款基于three.js技术开发的隧道可视化大屏，实时展示隧道内部情况，帮助
|
||||
管理人员快速准确地掌握隧道运行状态，以提升隧道管理效率和安全性。其实时监测隧道内的温/湿度、
|
||||
风速、风压、风机运行状态以及二氧化硫等有害气体状况。还集成报警系统，当监测数据异常时，自动
|
||||
触发报警并在大屏上显示。使用查看历史监测数据，并能够以 echarts 可视化图表动画形式回放，帮助
|
||||
触发报警并在大屏上显示。使用查看历史监测数据，并能够以echarts可视化图表动画形式回放，帮助
|
||||
分析事故原因和改进管理策略。
|
||||
</p>
|
||||
</dd>
|
||||
<dt>责任描述</dt>
|
||||
<dd>1.负责隧道可视化大屏面板开发及接口对接；</dd>
|
||||
<dd> 2.使用 WebSocket 接收服务端传的实时监控数据并实时渲染到数据面板；</dd>
|
||||
<dd> 3.使用 Echarts 实现风机、风压、有害气体等监控数据展示；</dd>
|
||||
<dd> 4.负责保障项目的质量优化及数据维护工作。</dd>
|
||||
<dd>1.负责隧道可视化大屏数据面板、站点管理、隧道管理和用户管理等多个页面的开发及接口对接；</dd>
|
||||
<dd>2.基于three.js集成并优化3D隧道可视化模型，结合WebSocket实现数据实时回显；</dd>
|
||||
<dd>3.使用Echarts 展示风机、风压和有害气体等历史监控数据，并支持基于时间分片查询操作和
|
||||
excel 导出操作。</dd>
|
||||
<dt>开发环境</dt>
|
||||
<dd>
|
||||
<span class="label label-default">WebStorm</span>
|
||||
|
||||
Reference in New Issue
Block a user