JavaScript

整体描述： 本项目使用Nextcloud框架，通过应用的方式实现了该项目。 主要模块： 1、管理员设置：主要是用于管理员设置每一个群组所使用的属性信息：名称、类型等； 2、文件列表侧边栏：针对系统的文件，可以对已设置的属性的值进行设置和修改； 3、独立应用：针对所有已设置属性值的文件进行列表显示，也可对属性值进行调整； 4、远程对接：将文件的属性值进行编码后，与另一个业务系统进行对接。 负责内容： 1、负责项目的需求分析和系统的数据库及界面进行设计； 2、完成所有涉及的核心功能的开发工作。

项目为线上购物小程序，包括个人信息，购物信息，支付系统，位置信息，订单信息等功能，目前已上线微信小程序平台。

1、使用Vue3+ts对原产品代码进行重构并迭代，期间使用Nuxt Bridge进行vue2与vue3的兼容开发 2、使用leftlet + turf封装组件并暴露绘制方法，能够在地图上实现点线区域的绘制、拖拽与删除等功能。(航线及禁飞区) 3、使用cesium，实现无人机按照规定航线飞行, 并暴露方法实现视角，速度等参数的控制切换。 4、使用useState + vueuse实现系统单点登陆与统一登出功能。 5、使用Ant-D 二次封装媒体库查看组件，实现对图片视频等流媒体文件的缩略展示，大图预览播放及下载等功能。

1、使用了原生canvas绘制转盘、结合后端的获奖结果完成实现 2、以盲盒抽奖的形式推出、首次上线当日活跃用户累计70多万 3、通过订阅、发布模式实现接口刷新 4、通过配置全局变量完成主体随意切换

1. 负责 app 页面的前端开发与小程序部分的静态还原。该 app 面向火车司机进行接单，小程序为用户发单，类似于打 车软件。 2. 主要技术栈为 uniapp+vue+pinia+typescript+uni-ui+mqtt。 3. 本人独立开发其 app 功能部分。其中遇到 mqtt 底层与 uniapp 的 webscoket 不兼容问题，通过找到合适的版本本 解决。也遇到了异步请求无法渲染至 map 组件中，使用 ref 失效。通过使用 computed 解决了该问题。 4. 项目亮点有：使用 mqtt 连接前后端进行实时订单推送。对接高德地图进行云轨迹展示。在地图页面使用 weex 渲染 模式提高页面性能。

1、首页使用虚拟列表优化加载 2、使用无感刷新保持用户实时在线状态 3、是用canvas绘制海报 4、通过使用富文本编译器实现前台完美显示后台配置内容

通过对校园网站的课表页进行数据获取，并且将获取的数据显示为一张课程表显示在安卓软件上，也可以在手机主屏幕上显示一张weidge卡片，支持显示当前时间点正在进行的课程，支持课程闹钟提醒，实时动态获取课表变动，比如课程的更换和减少等状态 软件使用安卓和java技术，数据获取使用Okhttp，模拟网页账号登录，实时获取数据后，使用安卓的webview重新显示课程表，并且使用weidge做出能在手机主屏幕上显示课程表卡片 难点在于使用Okhttp获取数据，包括数据的加密解密，数据清洗格式化，账号自动登录等等

项目简介：该项目主要是整合某省下所有地区进行某一指标下某一采集点填报，分析，评建等过程。 技术选型：React，supabase。 主要职责： 1.数据可视化大屏开发。 2.指标管理、用户管理、地区管理开发，其中包含一键导入按钮，使用xlsx封装数据转换组件。 3.采集点管理、题目管理、答案管理、角色管理、采集点分配管理开发，实现搜索按钮查找。 4.指标填报页面开发，一些常见固定题型开发、封装。 5.对接数据页面开发，包含上传固定格式的.xlsx文件生成可视化图标分析排名情况，根据算分方法实现各地区排名。 6.工作台页面开发，可以对于分配之后的指标进行总体填报进度查看。 7.数据统计页面开发，使用vchart进行填报数据分析占比情况。 重难点分析：使用supabase链式调用，进行工作台进度填报分析，包括但不限与地区筛选，指标筛选，数据采集点筛选等。

通过对校园网站的课表页进行数据获取，并且将获取的数据显示为一张课程表显示在安卓软件上，也可以在手机主屏幕上显示一张weidge卡片，支持显示当前时间点正在进行的课程，支持课程闹钟提醒，实时动态获取课表变动，比如课程的更换和减少等状态 软件使用安卓和java技术，数据获取使用Okhttp，模拟网页账号登录，实时获取数据后，使用安卓的webview重新显示课程表，并且使用weidge做出能在手机主屏幕上显示课程表卡片 难点在于使用Okhttp获取数据，包括数据的加密解密，数据清洗格式化，账号自动登录等等

1. 参与开发小程序的购物车模块、多国语言模块与后续的维护更新部分。面向用户销售茶叶。 2. 技术栈为原生小程序+mobx+vantui 3. 项目亮点：适配中繁英日韩多国语言。使用 canvas 生成商品的海报。使用 echart 对用户进行舌项检测后的数据可视 化展示。 4. 项目难点：单条规格需要反应数据库中是否还有库存，利用动态规划的思想解决了该问题。

项目为字幕滚动工具。可以在小程序中输入滚动的字幕，设置字幕大小，颜色，滚动速度等。目前已上线QQ小程序平台。

1.intepay系统分为admin/manager/cashier，分别对应商户管理后台系统、财务/业务人员系统、收银台系统。其中高频率开发和使用系统为manager端和cashier端。manager端包括但不限于财务对账、业务人员提成、交易额统计，付款通道的管理，付款费率等功能。cashier端为在manager端开发新的付款通道后的收银系统(支付落地页)，以上所有系统均为国际化开发，主要用户群体为HK/KL/Thailand/Europe团队工作人员使用。 2.manager端使用React作为基础，umi作为集成框架，UI使用antd/antdpro等。cashier端作为快开项目，通常会在新的支付通道接入后，配套搭建收银界面，使用vue cdn模式进行开发，同时涉及PC和H5收款使用，UI组件使用ElementUI和vant等。 3.项目是二开，多次开发，0-1由外部团队开发完成后移交给公司自己的研发团队，进行日常的维护、bug优化，新功能开发等需求。

测试与优化：完成以上步骤后，需要对数据大屏进行测试和性能优化，以确保其在各种情况下的稳定性和高效性。 四、前端可视化数据大屏的关键技术 Web前端技术：包括HTML、CSS、JavaScript等，用于构建和呈现数据大屏的界面和组件。 数据可视化库：如ECharts、Highcharts等，这些库提供了丰富的可视化组件和功能，可帮助开发者快速实现复杂的数据可视化。 数据处理技术：包括数据清洗、数据转换等处理技术，这通常涉及到一些数据处理库和工具，如Pandas、Numpy等。 API接口技术：为了从后端获取数据，通常需要使用到API接口技术，如RESTful API等。

完成后台管理系统，一级二级，树形结构，图标联动，前端负责响应用户，获取需求后传给后端，后端负责具体实现，通过接口回传，然后前端呈现结果，管理后台负责资源提供，任务处理及效果分析，前端获取页面模板和接口数据，完成渲染（拼装页面），与用户交互，简言之：前端负责展现逻辑。

项目：中油设备可视化系统 模块：地图展示、报表 该项目我负责整个项目的前端工作，使用了vue3框架和echarts，最终实现了设备租赁共享关数据的报表展示。

项目一：卡维图可视化系统 模块：地图展示、报表展示、监控 该项目我负责整个项目的前端工作，使用了vue2框架和高德地图，最终实现了设备供应商管理和监控客户的设备以及电路故障

微信小程序-跑跑回收项目简介: 跑跑回收是一家融合互联网与生活服务的多元化平台，为用户提供便捷的生活服务体验。我们致力于实现上门回收可利用度旧物资、提供家政服务、打造积分商城以及促进闲置物品置换，为社区环保和生活品质提供全方位支持。 功能特点:一键拨打电话回收员:用户只需轻轻一按，即可与我们的专业回收员联系，安排上门回收服务，为您提供便捷、高效的服务体验。积分兑换商城:每次用户下单回收都将积累积分，这些积分可在我们的商城中兑换各种优质商品，让您的支持和参与得到实实在在的回报。·家政服务:一旦用户下单，我们将立即派遣经验丰富的家政人员为您提供专业服务，确保您的家庭环境整洁有序，让您享受更舒适的生活。电瓶换新: 用户可通过电瓶换新服务，将旧电瓶以日换新或补差价直接更换为全新电瓶。这项服务提供送货上门的方式，让用户更便捷地更新和替换电动车电瓶。 访问地址:微信小程序搜索"跑跑回收”

工具采用B/S架构开发，实现了集测试场景搭建、测试运行配置、测试过程监控与结果分析于一体的全方位的性能测试能力。 我负责脚本编辑器和脚本录制器两个模块。 脚本编辑器是draggable实现从页面左侧预置组件 库中拖拽相应组件至编辑区域指定位置。 脚本录制器使用electron+puppeteer实现自动捕捉浏览器操作数据并转换为测试脚本存入编辑器，并对录制抓取到的内容进行分类，去重。

测试与优化：完成以上步骤后，需要对数据大屏进行测试和性能优化，以确保其在各种情况下的稳定性和高效性。 四、前端可视化数据大屏的关键技术 Web前端技术：包括HTML、CSS、JavaScript等，用于构建和呈现数据大屏的界面和组件。 数据可视化库：如ECharts、Highcharts等，这些库提供了丰富的可视化组件和功能，可帮助开发者快速实现复杂的数据可视化。 数据处理技术：包括数据清洗、数据转换等处理技术，这通常涉及到一些数据处理库和工具，如Pandas、Numpy等。 API接口技术：为了从后端获取数据，通常需要使用到API接口技术，如RESTful API等。

项目：中油设备可视化系统 模块：地图展示、报表 该项目我负责整个项目的前端工作，使用了vue3框架和echarts，最终实现了设备租赁共享关数据的报表展示。