网页开发工具

这是我持续维护的一个基于vitepress的技术分享站点，本人在公司内负责前端的技术培训工作，热爱钻研、分享技术，不喜欢说精通，但是用的挺好，擅长vue、react或类react、astro、nuxt等前端或服务端渲染的（全栈）框架，对Java、数据库、docker、podman等偏后端的东西也不少了解，持续精进中

本作品基于用户行为数据分析和Web端开发，结合python算法编写等前沿核心技术，设计并实现了一个基于用户行为数据的网页评估平台。该平台不仅能够实现对于网站问题及故障的分析，还可以实现用户个性化需求。这些优势使该产品能更好满足社会网页评估的需求，帮助企业完善用户网页使用体验。系统对网页评估的准确率。系统架构采用行业主流的MVVM框架，保持应用程序逻辑和用户界面（UI）之间的分离。此外，系统搭配Vue.js、Django REST framework前后端框架进行开发，部署于Microsoft Azure服务器，确保了高可用性和稳定性。该产品现处于内测阶段。在使用体验上，本平台致力于为用户提供便捷、高效的服务。用户无需安装任何软件，只需通过浏览器访问平台即可开始网页评估，操作简单直观。通过对评估结果的详细展示和分析报告，用户可以轻松了解网页的性能和存在的问题，为网页优化提供指导。 本人负责设计算法和数据库，对用户行为数据进行分析，提出改进方案。同时为产品经理，负责整个产品的规划、执行和监控，确保产品按时、按预算、按质量完成。

1.参与公司岗前培训，熟悉公司研发的框架与代码编写规范； 2.参与公司项目设计的讨论，与用户沟通确定需求； 3.参与软件系统的设计、开发等工作； 4.负责软件系统中主要功能的代码实现和单元测试，保证项目的质量； 5.编写数据库设计文档与系统接口文档； 6.参与项目的调试、部署与上线；

1. 功能模块： 登录注册模块、个人中心模块、首页模块、文章频道模块、搜索文章模块、查看文章详情模块、文章列表模块等等 2. 负责模块： 0-1 3. 技术栈： 使用Vue-cli创建项目,使用Vue搭配vant的静态页面的构建和逻辑代码的编写使用vue-router进行路由管理通过postcss-pxtorem将px转成rem封装axios请求模块,将axios封装成每个功能独立的函数, 在需要的时候加载调用使用vuex结合localstroage实现数据的持久化存储使用 refresh_token 解决 token 过期,在axios的拦截器中加入token刷新逻辑使用git实现代码版本的管理,使用禅道对项目流程进行任务模块管理和bug管理 使用Vue-cli创建项目,使用Vue搭配vant的静态页面的构建和逻辑代码的编写使用vue-router进行路由管理通过postcss-pxtorem将px转成rem封装axios请求模块,将axios封装成每个功能独立的函数,在需要的时候加载调用使用vuex结合localstroage实现数据的持久化存储使用refresh_token解决牌

项目主要采用wordpress的模版建站方案，利用LAMP全家桶完成企业门户网站定制搭建。主要功能模块为门户信息展示、企业工单、公司人员介绍、地图导航等。本网站的技术难点主要在于对外部黑客攻击的防范，由于定期会出现各类黑客攻击以及wordpress本身很多组件的安全隐患，项目团队针对各类场景做了安全加固、传输加密以及数据备份等策略。

项目分为各种兼职赚的小分类： 游戏试玩、项目试玩、广告激励、红包抽奖、刷视频领红包等等功能 包括1-3级分佣模式，站长后台管理、激励广告弹窗等数据展示，以及公告栏，各类后台管理系统，便于站长推广拉新

系统功能： **人脸识别**：居民出入小区人脸识别功能 **出入记录**：所有居民出入小区的人脸识别记录查询 **居民管理**：居民数据的增删改查，居民人脸采集，Excel 数据导入，Excel 数据导出 **小区地图**：所有小区在地图上的分布情况 **访客登记**：访客数据的增删改查，进入登记，离开登记 **小区管理**：小区数据的增删改查 **摄像头管理**：小区摄像头数据的增删改查 **数据统计**：小区人员统计对比图，占比图 **角色管理**：角色数据的增删改查，给角色赋予权限 **用户管理**：用户数据的增删改查，给用户赋予角色设置不同的管理权限 **菜单管理**：菜单数据的增删改查，不同角色可设置不同的菜单权限 **日志管理**：实时记录系统所有操作的日志，为排查问题提供依据

网站后端采用java+servlet+javabean+html+css等技术，以及内网穿透技术，实现了影视作品的资源分享。 我独自负责了该网站前端+后端的所有内容。

数据收集：从各种来源（如数据库、文件、网络等）收集相关的数据，确保数据具有高质量和可靠性。 数据预处理：对原始数据进行预处理，包括清洗（去除不完整、重复或无效的记录）、转换（将不同格式的数据统一为相同格式）、归一化（将不同范围的值缩放到相同范围内）等步骤。 数据挖掘算法：选择合适的算法对预处理后的数据进行分析和挖掘。常用算法包括分类、聚类、关联规则等。 模型评估：选择合适方法对模型进行评估以确定其准确性和可靠性。评估方法包括交叉验证、ROC曲线等。 模型应用：根据挖掘结果进行决策或预测。例如，可以根据分类算法对客户进行分类，以便制定更好的营销策略；可以使用聚类算法对产品进行分组，以便设计更好的产品组合。 数据可视化：将挖掘结果可视化以便更好地理解数据。可视化可以使用图表、图形、地图等方式呈现数据。

1.本游戏是一款基于基于智普GLM4模型与Streamlit技术的AI类文本互动游戏智能体， 以文本描述为主，玩家通过阅读和做出选择来推动故事发展的游戏类型。本游戏具有丰富的 剧情和角色描述，让玩家沉浸在游戏世界中。 2.游戏目标 在迷旅小游戏中，玩家将扮演一个主角，以第一人称视角体验游戏世界。游戏设定在一 个充满谜团的世界中，玩家将遇到多样化的角色，每个角色都有其独特的背景故事和动机。 玩家需要通过与角色互动、解谜任务和解谜元素来推动剧情发展，解开谜团，探索游戏世界 的奥秘。 3.游戏特点 丰富的剧情和角色描述：游戏中的剧情和角色描述非常丰富，为玩家提供了一个沉浸式 的游戏体验。玩家可以通过与角色互动来了解他们的背景故事和动机，进一步推动剧情发展。 玩家通过选择影响剧情走向：玩家的每个选择都会对游戏世界产生影响，并影响故事的 发展。这使得游戏具有很高的可玩性和重复游玩价值。 解密任务和解谜元素：游戏中包含多个解密任务，玩家需要通过解谜来推动剧情发展， 解决谜团。这增加了游戏的挑战性和趣味性。 游戏规则和角色属性系统：游戏有一套完整的游戏规则，包括角色属性点，如社会声望、 智力、武力等

项目描述： 该项目关联锦鲲APP的一款小程序，主要辅助APP，实现多人操作学员报名，上传等功能 技术栈： vue、vue-router、vant、axios 项目职责： 1、负责整个小程序的构建以及页面功能实现 2、利用 HTML+CSS 对页面进行布局及页面渲染，利用 axios 进行后台数据交互 3、利用小程序组件和API进行功能实现 4、项目后续版本更新以及BUG修复

基于开源项目VForm-mobile-pro【基于Vant的表单设计器工具】 体验地址：https://www.vform666.com/ 客户提出定制相关组件和相关实现效果参考附件

对企业管理系统所需的主要功能进行分析，总结和归纳了本设计需要实现的功能。系统的功能模块为：用户模块，管理员模块。通过实现以下模块的功能，使系统能够正常运作。

项目描述 Ape-Frame是一款专门企业级开发脚手架，内部进行高度封装集成，覆盖企业级开发常用的工具及业务场景。达到开箱即用，上手快，学习成本低的价值导向。用于解决中小项目进行开发时，每次要进行框架搭建选择的痛点。进行统一的规范和组件封装，使开发者更加专注于业务价值。 技术栈：SpringBoot+SpringCloud+MyabtisPlus+Mysql+Redis+Guava+xxl-Job+rocketMq 技术要点： 独立从0到1负责项目的架构设计，技术选型，把控框架质量及框架价值导向，调研业务场景； 采用模块化思想，对项目模块进行拆分设计，模块可插拔，可按需选择模块装载，模块间解耦； 负责核心common-redis模块的建设，提供分布式锁，本地缓存，lua脚本，pipeline等功能设计； 对常用业务场景，例如数据归档，链路追踪，多数据源等进行覆盖封装，提高开发速度，简化开发步骤。 集成常用中间件mysql，redis，es，mq，xxljob等，并提供集成demo和starter封装；

基础信息设置：如技能信息、标准文件、考核组、考核组成员等。 培训基础设置：如培训内容的类别、培训内容、培训员、培训计划的类型等。 技能培训应用：为员工添加培训计划、技能考核、查询员工具有的技能情况。 主要负责布置界面、数据库设计，c#开发对应后端程序代码

独立完成全栈技术。 项目为某学院在线虚拟仿真教学平台，含仿真实验、课件中心、考试中心、教务管理等功能。

该项目是我与组内人员协作完成的某公司官网 项目分为前端页面，数据库存储，后台逻辑 主要分为登录/注册、首页、解决方案、服务、关于我们等模块 我主要负责前端登录/注册页面、解决方案页面的开发以及后端接口对接

系统分为客户端和Web端，客户端通过TCP协议，接收各仪器回传后的值，将数据进行解析后，写入到数据库中。Web端通过图表将这些DB中的数据读取后绘制相应的图形展示给用户。 系统分为接收端、用户管理、权限管理、遥测数据展示、数据对比等模块。 在此项目中，先采用的是C#同步的方式去接收TCP协议，由于业务解析存库较复杂，所以，系统会存在掉数据的问题，后来针对这种方式，将同步的socket修改成异步的socket后，此问题已经正常解决

• 使用Spring Task定时任务，在指定时间刷新热搜文章，提高用户的使用舒适度。 • 使用Minio存储文章和图片，降低数据丢失的风险，减少系统的运行成本。 • 使用全局异常处理实现异常捕获，减少自定义异常。 • 使用Redis存储车票等高频信息，降低MySQL的访问压力。 • 使用MQ发送事务消息，提高系统的反应速度，降低整个系统的故障率。 • 使用EsayExcel进行批量数据的导入和导出，减少重复的工作，大幅提高工作效率。

后端数据的交互，组件复用传参，前端页面UI开发，GPS定位的参数算法，使用react开发前端，使用WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket API中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。