我是一名有6年前端开发经验的前端开发工程师；

我开发过移动端和PC端的项目；

PC:

数字客户经理后台管理系统（PC）

该项目是自然语言模型的后台管理系统，包括了日志查看，日志下载，权限分配，场景设置，用户管理等模块。

1.可以对应用的报错进行错误追踪。

2. 对角色进行权限的分配，控制其访问的场景。

3. 对每个场景的热门问题做了可配置化，admin用户可以对不同场景的热门问题进行配置修改。

● 技术要点:

1.通过判断登录的用户角色，采用静态路由+动态路由的方式router.addRoute()，展示不同的菜单列表。

2. 通过导航守卫判断当前用户是否已经登录和token是否过期，如果token失效返回登录页重新登陆。

3. 利用递归算法封装一个专门将列表型的数据，转换成树形结构的方法，并结合 Tree 树形控件进行场景列表的渲染

● 实现技术:

vue3、pinia、typescript、vite、element-plus

LLM 大模型应用-数字客户经理（PC）

该项目是基于大规模的自然语言处理技术，类似于ChatGPT能够理解和生成人类语言的对话系统，系统可以进行文本生成、知识问答和代码生成。包括三个对话场景：知识问答、指标问答、财务分析。分别对应着银行三个不同部门的业务需求。

知识问答：包含了银行业务人员平时的业务知识和一些业务操作流程相关的知识；问答的同时会搜索提问关键词，在右侧展示相关的银行制度条目。

指标问答：包含了内部经营指标的一些相关信息，通过表格的形式展示相关指标值、名称、机构。 右侧展示热门问题，热门指标。

财务分析：包含和银行有业务往来的公司的财务分析报告，通过提问搜素到相关的公司列表；点击列表中的公司进行第二轮对话，生成该公司的财务分析报告。

● 技术要点:

1. 利用EventSource建立长连接，获取流式数据。

2. 利用event-source-polyfill第三方插件，通过body体传参。

3. 利用vue3+typescript+eslint提高代码的严谨性和风格一致性。

4. 利用pinia简化共享数据的存储。

5. 通过new MutationObserver 方法观察子元素的变化，使的滚动条实时滚动到最底部，让用户可以是实时的看到最新的流式输出数据。

● 实现技术:

vue3、pinia、typescript、vite、element-plus

kg-web知识图谱（PC）

该项目通过构建客户和交易的知识图谱，识别异常交易和欺诈行为，整合客户的多维度信息，如财务状况、社交网络等，提升信用评估的准确性。

● 技术要点:

1. 利用react和d3.js的d3-force力导向图，可视化的展示可疑对象的交易往来，资金流向，排查潜在的交易风险。

2. 编写聚合函数对选中的日期范围内发生的交易累计求和，最大值，最小值，平均值的计算

3. 利用d3.js的内置api在选中的时间节点时，有发生交易的节点和边高亮显示（时序图谱）

● 实现技术:

react 、react-redux、ant design、axios、d3.js

名思教育后台管理系统(PC)

该项目为公司教职工信息后台管理系统, 包含组织架构，权限管理与分配, 信息展示,考勤记录,,工资信息

● 技术要点:

1.使用 vue 全家桶和 Element-ui 完成系统的搭建

2.基于 RBAC 权限设计思想，给员工分配角色，给角色分配权限；

3.利用 addRoutes 动态添加路由从而控制页面访问权，利用根据 vuex 的个人信息的权限点信息进行 v-if 处理按钮操作权；

4.使用 vue-router 进行页面跳转，展示对应的视图内容，并使用路由的前置守卫进行登录拦截的控制

5.使用 Element-ui 里的 form 组件实现表单校验；

6.使用 js-xlsx 插件进行 excel 的导入导出，使用 vue-print-nb 插件实现打印功能，使用 qrcode 二维码 插件进行图片的转换

7. 利用递归算法封装一个专门将列表型的数据，转换成树形结构的方法，并结合 Tree 树形控件行组织架构 的模块渲染

● 实现技术:

vue、vue-cli 、axios 、element-ui、localStorage 、echarts

快读生活（移动端）

该项目为新闻信息移动端。本人主要负责首页内容的展示、文章详情页、个人中心、编辑个人资料、我的关注等页面

● 技术要点：

1. 项目使用vue前端框架，借助vue-cli脚手架构建项目

2. 使用移动端组件库: vant

3. 使用 vue-router 进行路由管理

4. 使用 van-pull-refresh 组件实现下拉刷新、van-list 组件实现上拉加载的效果

5. 运用 vuex + localstorage 存储相关数据，实现数据的响应式和持久化，配置 axios 的拦截器实现登录 拦截功能

6. 注册全局过滤器，处理文本数据和时间的格式化；

7. 从详情页返回列表页时,对列表页进行缓存(keep-alive),提高用户体验

● 实现技术：

vant-ui、vue、vue-cropper、moment、postcss-pxtorem、 lib-flexible等