JavaScript

独立负责官网的从0-1开发，完美解决手机和电脑的适配，独立完成项目框架的搭建，配置好路由，封装好网络请求，整体布局等，为后面的开发和维护打下良好基础 主要技术：框架使用react18.2.0，组件库使用antd和antd-mobile，css预解析使用 scss Layout布局使用自己编写的布局组件，网络请求使用umi-request实现，路由使用react-router-dom6.0版本实现，状态管理使用redux实现，代码管理gitlab，时间处理使用momentjs，数据处理使用lodashjs，使用rem适配不同屏幕和手机

1、项目简介：即时设计的插件 2、项目功能：提供各种APP截图供即时设计的用户使用 3、项目角色：负责插件的全部原型、设计、前端、后台开发 4、项目亮点：被【即时设计周刊】12期收录推荐，并时常处于热门效率推荐榜中 ·12期周刊链接：https://js.design/special/design-weekly-2022-12/web/?source=12yk&plan=fs 5、项目链接：https://js.design/community?category=detail&type=plugin&id=63369a83025a07c7c9c596b5

1、项目开发运用了Vue框架、vue-router构建单页面应用、 Element-UI组件库和antd组件库，axios请求接口数据、 ES6 等技术。 2、负责捷报api数据监控 ，利用ECharts对api的调用次数、指标调用次数、调用排名进行展示。3、针对在测试环境使用的调试api ，使用proxy跨域对api进行调试。 4、资源组管理 ，对各个资源组的使用情况展示 ，利用ECharts图形展示资源组的月账单、年度账单、详情的账单流水， 资源组的部署分配和扩缩容资源信息。 5、API的导入导出功能 ，对导出的api以json格式导出；导入操作，上传json文件的发布包 ，发布到api管理页面，查看发布包的发布状态。 6、模型全景图，对不同的逻辑表展示不同的折线图和柱张图 ，展示每日用户登录数，每周审批数，每周发起评审数，每周评审通过数的时间段ECharts折线图。 ECharts图形都以封装好。 7、消息中心的模型设计草稿功能 ， 由上传文件新增 ，进行简单的删除、编辑、发起审批流程、查看等。 8、导出相应的逻辑表DLL的hql脚本 ，对页面进行前端优化 ，处理遗留的bu

项目简介：项目从0到1开发umijs/max搭建并迭代开发，一期二期为冲刺项目开发模式，至项目上线内部 相关部门使用，后期为迭代需求开发完善项目功能。监测舆情，舆情打标，舆情处理，舆情定位，舆情管理基础配置项等。 1，负责项目前端开发进度，推进后端联调及测试进度； 2，产研测沟通紧密，保证项目迭代进度正常上线，无延期及线上bug； 3，代码review：可提高代码质量，保证上线无p级bug； 4，线上问题迅速回馈：迅速定位问题，2小时内解决并上线hotfix； 5，技术总结沉淀：1，项目内功能组件抽离，代码更优雅直观，更易维护；2，贡献公共各项目频繁使用小组件到公司组件库，方便其他项目引入使用； 项目获得2022年优秀项目，并获得3000项目奖金。 得物舆情监测系统属公司内部系统，竞业协议。

曾经参与公司的实验项目，一个人负责整个项目的功能测试，一年之内根据项目需求从零开始独立学习并开发自动化测试框架（Protractor），写自动化测试脚本（JavaScript），提高测试效率

负责: 1. 编写⼩程序原⽣项⽬ 2. 编写⼩程序后台管理项⽬ 3. 编写⼩程序项⽬操作⽂档和项⽬架构的设计⽂档 使⽤技术: 1. Vue3+axios+element-plus 2. 使⽤微信原⽣开发技术 3. 原⽣ js 的结点拖拽排序 技术难点： 1. 根据不同的权限显示不同的 tabber 的菜单 2. ⼩程序进⼊下⼀⻚⾯，返回，保留和重载当前⻚⾯修改的数据

分为事故处理页面在此可以查看事故处理结果 人员事故处理方案 事故方案上传 以及通过图表的方式对历史方案进行汇总分析 个人中心 在此会查询到用户本人所接取的任务以及历史完成任务

负责: 1. 编写⼩程序原⽣项⽬ 2. 编写⼩程序后台管理项⽬ 3. 编写⼩程序项⽬操作⽂档和项⽬架构的设计⽂档 使⽤技术: 1. Vue3+axios+element-plus 2. 使⽤微信原⽣开发技术 3. 原⽣ js 的结点拖拽排序 技术难点： 1. 根据不同的权限显示不同的 tabber 的菜单 2. ⼩程序进⼊下⼀⻚⾯，返回，保留和重载当前⻚⾯修改的数据

对江苏黄页，以及号百的管理门户和各个订购接口用微服务重新搭建原来的管理门户的功能以及订购相关的功能改造。管理门户中前台用了layUI以及JQuery,后台应用了springboot框架，简化老的工程，用微服务实现并优化订原有功能，新增页面可视化动态配置功能。用了kafka，实现各个程序之间的解耦 此项目中我担任项目负责人的角色，负责和客户的需求对接，需求设计，以及设计文档的编写，还有项目的开发以及项目的进度的把控。包括支撑项目的上线。以及部分的运维工作

描述： 自助分析平台SA是一个完全可视化的基于Web的可视化SQL取数工具，面向ToB企业级产品，你可以通过类似玩乐高玩具的方式用一块块图形对象托拉拽SQL语句块，组合成复杂的SQL语句块，把复杂的SQL可视化图形转换为具体的数据库SQL语句进行预览取数分析。 主要模块： ELK分布式集群日志搜索核心子项目。 Presto分布式SQL查询引擎数据源核心系统。 DB2 数据库核心系统。 Hadoop 集群核心系统。 后端垂直拆分集群核心系统。 前端水平拆分集群核心系统。 Vue重构前端内容中心核心系统。 后台管理中心核心系统。 负责主要模块： 1、负责实现ELK分布式集群日志搜索核心子项目。 2、负责实现Presto分布式SQL查询引擎数据源核心系统。 3、负责实现自助分析JVM调优。 4、负责实现自助分析日常需求开发、运维、Netty 开源项目 BUG 修复等。 主要技术栈： 采用集群架构开发模式。 后端：Hadoop、HDFS、Hive、Zookeeper、KerberOS、Presto、ELK、SSM、Netty 3.6.5、ActiveMQ、Nginx、JDBC、Serv

1、项目简介：即时设计的插件 2、项目功能：提供各种可编辑的组件给用户 3、项目角色：负责插件的全部原型、设计、前端、后台开发 4、项目亮点：5天插件安装数破1K（增长速度中当时排第二），并时常处于热门效率推荐榜中 5、项目链接：https://js.design/community?category=detail&type=plugin&id=63f868cdb276e7a481bba28f

项目简介： 患者临床信息统一视图是基于临床数据中心的一项典型应用,它可以将患者在医院历次就 诊的详细信息进行统一的展现。方便医生快速查找患者相关信息 负责模块： 首页，患者列表，检查，检验，特检，输血，护理，病历，费用，历次就诊，综合查询 使用技术： Vue 全家桶，Npm，Git 管理，Postman，JavaScript，axios，echarts，WebSocket 项目职责： 1、基于 echarts 开发各类图表，定制主题样式，高度还原 ui 设计稿，并封装成组件，以便日后使用。 2、使用 LodopFuncs.js 对接医院高拍仪仪器，实现拍照扫描上传患者相关文件，进行打印。 3、解决医生获取数据困难，开发数据提取功能，根据审批流分配审批单，同步飞书客户端。并通过 WebSocket 及时反馈审批进度，减少医生等待时间。 4、使用 pdf.js ，开发 pdf 预览放大，拖拽，旋转，并封装成可复用组件。 5、使用 fabric.js ，开发绘图功能，医生可在患者病情图片选择区域将患者敏感处打码，并标注对应情况。选择打码处，将记录对应坐标，生成 json 格式数据，传给

银保通（BASS）是一个以银行保险的业务流程和工作流程为基础的连接保险公司前置系统及东亚银行核心业务系统的信息传递处理系统，其主要功能是在银行柜面和渠道端及时进行契约录入、核保、承保、打印、出单，为客户提供边界的高品质服务。用到技术：javaweb ，oracle，mulLine.js,rabbitmq，jdbc，spring+mybatis等

项目简介： 高博健康小程序，是高博集团旗下的一个就诊平台，致力于就诊人得到最好的在线服务，可通过这个小程序进行预约挂号，咨询医生查询病情等功能 负责模块： 预约挂号，报告查询，病历复印，住院账单，科普文章等模块 使用技术： Vue 全家桶，uni-app，Npm，Git 管理，JavaScript，axios 项目职责： 1、负责预约挂号模块重构，新增语音识别功能，通过 uni.RecorderManager 获得录音事件，将录音好的文件传递给 后端 ocr 识别处对应文字展现到页面上，并将其封装成组件 2、开发在线问诊模块，通过 websocket 技术，实现实时通信，同时打通公众号，实现推送功能，防止患者医生遗漏消息。 3、新增线上病历复印功能，为提高安全，采用人脸识别方式验证用户身份，通过 uni.createCameraContext 创建上 下文对象，使用前需要通过 uni.initFaceDetect 进行一次初始化，最后获取 Camera 实时帧数据，传递给后端 4、开发微信支付，因此需要先获取到 Openid ，调用相同的 API ，调起数据签名，最终通过回

该项目主要是仿小米商城pc端的一个静态页面，主要技术栈使用html,css,javascript,jquery，有主页面，登录页，商品页，评论页；功能有轮播图 侧边栏 放大镜 预览图片等。适合大学课程设计，新手学习

该项目通过对历史数据进行分析 对短时短期的客流数据以图表列表线网大图等方式进行展示 通过对历史天气的获取 以及自行填入对未来天气的预测 进行数据分析

1.项目有用户注册登录功能功能、用户搜索关键词搜索商品功能、用户购物车添加删除功能、用户设置基本信息购物地址等功能 2.使用了vue、vant、html、css、javascript、java等技术，我负责整个项目的合并，封装了请求拦截器拦截用户发送的请求，当用户携带登录凭证才可以发送请求，例如购物车页面，当用户登录了才可以发送请求。

江苏电信行业中转系统主要用于不同地市epg跳转，根据不同的行业ID跳转不同的封套地址。其中包括两大模块：1、管理系统-——用于运营人员配置行业管理信息，以及跳转的封套地址等。2、接口工程用于做epg的跳转。在项目中我作为项目负责人负责整个项目的设计，开发以及和客户的需求沟通等。 项目前端主要用的layui，js,jQuery,html等技术，后端使用的是ssm框架，数据库使用的是mysql，中间件使用了kafka,redis,logstash，filebeat,clickhousesinker,clickhouse 我们对项目都做了可视化监控，使用Prometheus+Grafana，监控服务的访问情况以及kafka，还有数据库mysql,以及各个主机的的各种性能指标 我在工作中主要角色是项目负责人，我的职责是需求沟通、分析及排期，项目日常开发任务安排，同时参与新功能代码编写，对项目新使用的技能进行调研，技术难点的攻克，需求评审、代码评审，维护需求和开发文档。保证项目的进度以及质量。

1、项目开发运用了Vue2前端框架和Ant Design Vue组件库。 2、动态导航栏模块使用Vuex里异步请求接口数据，再同步操作里把数据存储到state中。通过路由懒加载的方式加载对应的路由地址，通过beforeEach判断是否登录和路由加载。 3、权限控制模块是通过不同的角色映射到对应的用户上，再由角色勾选出需要的路由组件。 4、主体功能是在线复判模块依据不同的机台号绑定NG料盒，再根据正式模式、测试模式、算法模式展示不同的缺陷图片，这里我采用canvas根据后端提供的数组坐标标注不同的缺陷类型和框的颜色，使用js函数封装的方式。在图片上可以进行局部缩放功能。 5、维修站点模块和历史查询模块主要也是采用canvas绘画，维修站点是通过键盘上下键进行复看。 6、统计分析模块是以Echarts封装柱形图、环形图、单折线图、多折线图和多维矩形图展示页面。 7、对多复用的函数进行封装，在vue.config开启gzip压缩，用懒加载方式优化页面和路由。

1、项目开发运用了Vue全家桶、XUI组件库。 2、荣耀家园后台配置进行了重构和新增 ，新增了勋章管理功能 ，设置勋章图标管理页面 ，颁发用户勋章页面。进行增删查改功能交互 ，新增时依据不同的类型对名称进行模糊查询。导入和导出功能。导入功能依据接口返回的message值展示。 3、公司知库页面开发运用XUI组件库。中英文切换功能 ，新建2个中文和英文的js文件 ，依据个人信息接口的字段判断进行切换。左侧是部门分类采用循环的方式展示所有子级。中间部分是多功能筛选功能和数据展示 ，多功能筛选依据接口返回的数组需进行处理。数据展和示有浏览量时间排序 ，对外部圈子的作者不跳转个人黄页。使用localStorage方式存储数据 ，当下次打开页面展示上次所选择选项的数据。 4、 内容中台项目的搭建使用的2个项目的iframe嵌套的方式实现的。利用XUI表格展示数据 ，再$router跳转到详情页接口返回树形数据展示。点击树形节点的子节点表格展示。进行分页、增删查改功能。 5、点赞点踩功能， 由另外一个搜索微服务页面的点赞和点踩操作 ，后台进行数据展示，增删查改和导出功能。