网页(Webview)

HK01 是香港用户量前 2 的互联网自媒体平台，除了新闻资讯外，还有慈善、外卖、活动等产品。支付团队是一个基于 Node.js、React 技术栈混合开发的小组，我们负责的支付系统有以下模块：- 支付模块，提供在线支付、订阅付费等能力- 优惠券模块，提供在线支付抵扣、线下到店消费、活动门票等能力- 优惠券规则引擎，基于 Event bus，根据事件配置的规则来触发优惠券的发放- 对账模块，给公司财务提供对账能力技术栈：Express、React、NestJS、Redux、MySQL、Redis、TypeScript1. 在 HK01 钱包项目中，担任Web全栈工程师的核心开发，负责对核心模块进行架构优化、重构以及主要的开发工作。2. 使用 Express、NestJS、MySQL 开发了支付和优惠券的后端服务，并设计了相应的数据库，以确保在高并发场景下服务的稳定性。3. 利用 React、Redux、Antd 开发了支付和优惠券的管理后台，为团队提供了高效的操作界面。4. 提升了项目工程化能力，包括编写CI脚本、自动化测试、代码检查等，以提高团队的开发效率和代码质量。5. 负责Cod

本方案专为高等院校及教育机构设计，旨在解决传统学校官网存在的三大痛点： 多端适配不足：传统网站常因缺乏响应式设计，在手机、平板等移动端显示效果差，影响用户体验。 开发维护成本高：静态代码或复杂CMS系统需专业团队维护，学校技术团队难以快速上手。 视觉与功能陈旧：界面风格过时、交互单一，难以满足现代用户对美观性和便捷性的需求。 通过Bootstrap框架，本方案为学校提供低成本、高效率、高兼容性的官网建设能力，助力教育机构快速构建现代化数字门户。 移动优先，全端适配 基于Bootstrap 4的响应式栅格系统，自动适配PC、平板、手机等设备，兼容Chrome/Firefox/Safari等主流浏览器。 组件化开发，快速迭代 复用Bootstrap预置组件（导航栏、轮播图、卡片布局等），搭配定制化学校主题色与UI扩展，开发周期缩短40%。 轻量易维护，低技术门槛 前端代码结构清晰，支持非技术人员通过注释修改内容；结合静态页面生成器，无需依赖数据库即可更新新闻、公告等内容。 3. 技术架构与产品组成（20%） 技术选型 前端框架：Bootstrap4 核心语言：HTML5/CSS3/Ja

本方案面向集团客户对各地分公司预算核算，及实际花费对比 针对市面上常见预算管理，价格便宜，源码可控，支持自定义开发 项目主要功能：预算搭建，预算审批，合同签订，实际花费上传，项目超支报警，各种报表导出等

中小型企业HR部门 无专业IT团队，需要"系统+服务"一体化解决方案 典型痛点：员工信息分散在Excel/纸质档案，考勤统计耗时易错 快速发展的成长型企业 原有系统无法支撑组织扩张 需要自动化流程（如：智能排班、薪资一键计算） 不仅仅帮客户开发系统，还帮客户使用系统，让客户以最小的成本转型电子化 后端：SpringBoot + Mybatis-Plus + Sa-Token + Mysql 前端：Vue + 若依 + ECharts

桃李学堂R是一个专注于学员复习与在线学习的平台，通过整合视频课程、习题练习及实时直播功能，旨在优化复习体验并提升学习效率。此项目针对考试备考场景，利用微信原生技术开发，旨在解决学员复习资料分散、学习互动性不足的问题。 核心职责：在项目中 ，主要负责小程序的全栈开发工作，包括但不限于：1)独立设计并实现所有前端页面，确保用户界面友好且业务流程顺畅；2)完成接口对接与数据交互，保障信息传输的准确性和时效性；3)集成保利威直播SDK，顺利实施直播教学模块，增加教学互动性；4)与后端及业务团队紧密合作，进行全面的系统测试，及时修正流程缺陷；5)协助准备小程序上架所需材料，顺利推进至微信平台上线。

1，本系统面向企业基础管理，解决企业单点登录，用户管理，权限管理，数据权限，字段权限，日志异常上报，消息推送，短信推送等功能。 2，本系统兵员使用spring cloud alibaba框架进行了自主封装，减少了开发人员的学习成功，前端使用nuxt框架;前后端分别统一开发框架，代码结构清晰，大大减少企业开发人员的学习成本和运维成本。

1.该项目采用Vue2+ElementUI为主要技术开发，由原先的线下招投标方式改到线上，很大程度解决了项目招投标问题，极大提高了招投标办事效率。项目根据用户登录权限不同展示不同角色，角色分为采购人、代理机构、专家，电子投标流程逐渐替代了传统的纸质现场投标，根据招标公告需求，进行网上报名，下载招标文件，编制采购需求表并下达计划书，并对采购文件进行编制，然后上传电子标书，标书上传后，等待网上公布开标时间；如上传的标书为加密文件，需要在开标前的指定时间内进行解密； 2.该项目采用vue2.x+elementui+springboot开发，系统简单大气明了，性能卓越页面布局响应自适应操作方便。

根据我国应急管理相关政策文件要求和滨海新区应急现状，力求搭建天津智慧安全城市滨海新区大应急融合平台，整合各类孤岛系统数据，对上可实现与天津市应急局数据共享。开展相关数据应用，同时将平台自身收集数据上报天津市应急局；对下可以实现与滨海新区各级应急部门数据共享；横向可实现与各委办局数据共享。 业务目标：实现对滨海新区“两客一危一货”车辆运输监管-覆盖车辆（45000～70000辆）及企业5000家，危化品企业工业生产监管-覆盖企业500家，危险化学品输送管道监管-覆盖企业3000家，油气长输管线监管-覆盖企业300家，实现预警处置、趋势分析、智能研判、辅助决策、在线指挥等可视化分析场景，实现前端的全方位感知，充分利用智能手段，有效提升滨海新区应急管理水平。

1、独立完成登录送、阶梯送、首单返佣、积分抵扣等功能开发并参与了blog模块 的开发和日常维护。 2、商城 pc、h5首次性能优化使用了两个月的开发周期从F级优化到了B级。 1、负债A/B测试相关的研发；选择一个大流量站点根据产品策划需求在原有的页 面或功能（A版本）上开发出另外的多个B、C版本实验并做好相应的埋点。 2、活动阶段负责观察数据动向和异常，关闭或替换实验版本。 3、曾独立完成拼团产品、注册登录引导、banner 实验、详情页改版、产品比较等 实验的研发。 4、商城活动前根据产品需求研发秒杀期的相关活动项目开发和线上维护。

1方案面向对象及解决的问题​ ​面向对象：网站面向网页设计爱好者、小型企业主及创意创作者。个人可从中获取灵感、提升技能；小型企业主能学习如何借网页设计展现企业形象、吸引客户；创作者可借鉴展示思路。​ 解决的问题：提供多元摄影作品展示，满足用户对摄影艺术信息的需求。网站布局、色彩搭配及作品呈现形式，为受众设计个人网站或展示创意提供灵感。​ 2. 相比于市场常规方案的特点​ 创意主题多样性：市场同类网站常聚焦单一领域，本网站涵盖 “猫咪特写”“历史印记”“建筑之美” 等多主题，满足不同用户兴趣，带来丰富视觉体验。​ 技术与艺术融合展示：常规方案多为作品罗列，本网站在展示作品时融入网页开发技术。从交互设计到响应式设计，让用户在欣赏作品时感受技术带来的便捷与流畅。​ 3. 方案的产品组成或技术选型​ 产品组成：由摄影作品展示、主题分类导航、用户交互反馈模块构成。展示模块呈现作品，导航模块助用户定位作品，交互模块增强用户互动。​ 技术选型：前端用 HTML5 搭建结构，CSS3 实现样式，JavaScript 增添交互。后端假设用 Node.js 管理数据，MySQL 存储作品信息与用户评论，保

此项目专注于个人博客网站的开发，主要采用了Vue 3框架结合Ant Design Vue组件库。通过深入挖掘Vue 3的新特性以及Ant Design提供的丰富组件资源，对常用组件进行了二次封装，以适应更加复杂的业务需求和个性化设计。特别注重响应式布局的实现，确保在不同设备上均能提供流畅、一致的用户体验。整个项目不仅展示了前端技术的最新进展，也体现了灵活运用框架解决实际问题的能力。

1.该项目分为用户登录管理、媒体影视资源管理、广告用户管理等模块,让营销人员能方便地推广影视作品并获取广告流量; 2.该项目为前后端分离，服务端使用了 Hyperf(PHP + Swoole) 高性能框架, web前端使用了 React 18 框架。使项目轻快流畅，swoole支持api高并发; 3.该项目摒弃了传统的cookie鉴权,以严格的jwt主动无限续期搭配全Restful风格的api,解决了单机并发瓶颈，保证了服务端的安全可靠性,支持更多客户端扩展。 提供测试条件下项目访问账户如下 用户名 admin@163.com 密码 123456

这个项目通过OPC通讯协议将工业控制上位机软件采集的传感器数值存入数据库，后端采用Spring Boot框架开发。网页端采用VUE，小程序端使用uniapp，实现了网页和小程序实时查看传感器数据与历史数据曲线的功能。该系统同时支持多端访问，为用户提供高效、直观的监控和分析工具，提升数据管理和应用的便捷性。

1、在顶端有一个为50像素*1920像素的矩形框，颜色为#4A51D9 2、创建登录表单 3、添加表单验证的JavaScript代码 4、实现真实的用户数据库连接 5、添加密码加密功能 6、实现"记住我"功能 7、实现账户锁定机制(防止暴力破解) 8、添加日志记录 9、添加CSRF保护

1、该项目主要是作为常用工具面向所有用户免费使用，解决用户使用国家5级行政区划（省、市、县、乡、村）代码和层次关系的问题，按照国家标准数据提取。结合当下最火的AI推理APP（deepseek），对接官网API快速输入客户端，便于用户直接使用该工具。 2、相对于市场常规方案，本方案主要是使用方便，可快速搜索，提供api查询，简便易用。 3、本方案使用spring+springmvc+springcloud+jpa技术，快速开发，支持多类型数据库快速集成，页面简易，功能清晰。

当时接的中长期前端兼职，做的是一个圈粉的美剧或韩剧的视频后台管理系统。技术是vue3和Ant Design Pro。 就是个后台管理系统，用到了表单，分页列表、登录、菜单配置、路由跳转、表单比较多，富文本。没啥花里胡哨的页面，中规中矩的管理系统

1. 面向了需要开发上线视频网站的公司，解决了网站首页加载，有良好的css排版、js逻辑、css动画、div+css创建盒子骨架 2. 加入了css复杂动画、第二个下拉框、抽屉盒子、电梯导航(可以快速返回顶层、还可以设置其他选项) 3. HTML、CSS、JS

此项目为app商城项目，正常的购物发货，对接供应链，开通微信及支付宝支付 前端使用uniapp+vue3生态开发，后台采用element-Plus+vue2生态开发，后端采用golang开发 技术上采用分布式微服务架构，结合容器化技术（如Docker和Kubernetes），确保系统在高并发场景下的稳定性和扩展性 安全上采用多层次的安全防护机制，包括但不限于SSL/TLS加密传输、数据脱敏、防火墙防护和入侵检测系统（IDS） 设计上采用响应式设计和跨平台技术，一套代码，多端发布，同时支持h5，微信/支付宝小程序，ios/安卓app

该园区系统主要面向模具制造企业、园区运营商及地方政府，旨在解决传统模具产业面临的资源分散、生产效率低、环保治理难、协同能力弱等问题。通过智能化升级，该方案助力企业降低运营成本、提升高端制造能力，同时推动区域产业向绿色化、集约化转型。

1：服务于高中教育领域，应用于学生会等校内竞选评分与投票场景。 2：候选人展示、投票系统、结果统计和后台管理，支持信息透明、安全投票及数据可视化。 3：采用网格布局、数据可视化图表，保障安全投票，兼顾无障碍与教育主题设计。