JavaScript

项目名称: task后台任务管理系统 2024.01 - 2024.02 项目描述：task后台任务管理系统是一款轻量级在线项目任务管理工具，它提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时通讯IM，文件管理等功能。在这个项目基础上进行修改添加了一些功能点、有谷歌在线动态验证码，还有就是进行添加一个tg的一个信息互通和任务通知，让员工每天实时知道自己的任务，为公司管理者提供了一个更加好管理的一个平台 技术栈: vue2、axios、element-ui、echarts、postcss、vuex、view ui plus、VueDraggablePlus 项目职责: 登录模块页面、仪表盘模块页面、个人设置模块页面、密码设置模块页面、任务列表 - 通过防抖实现了登录按钮，搜索，分页功能的体验效果 - 通过登录获取的一个token将token存储到vuex里，vuex结合路由守卫获取token实现页面鉴权 - 并且在登录的时候使用30s一变的一个谷歌在线动态验证码对登陆提供了一个安全性 - 通过element-ui的 upload 组件进行图片上传，并且封装

北美留学培训机构介绍； 1、TOEFL、IELTS、GRE、GMAT 高频词汇与教学配套； 2、企业微信公众号开发与支持； 3、数据的采集与清洗整理（词汇库、模考题库）

项目介绍：此项目为高考志愿填报辅助辅助系统，其目的是为即将参加高考的学生提供一个系统化、科学化的填报志愿 平台，帮助他们根据个人兴趣、能力和职业规划，合理选择学校和专业，最大程度地实现自己的教育和职业发展目标。 我的职责 1.采用html/html5+css/css3网页的页面构建及实现页面中的视觉美化和页面动态交互效果； 2.采用react框架开发完成页面中的动态交互banner图 ，tab切换 ， 页面跳转 ，用户注册与登录验证正则匹配等 3.数据管理：使用状态管理库（如 Redux、MobX）来管理应用的数据流，确保数据的一致性和可追踪性。

该项目实现了商品的分类展示，用户可以查看商品详情，可以加入购物车，可以查看自己的购物车和查看自己的订单。

该项目实现了商品的分类展示，用户可以查看商品详情，可以加入购物车，可以查看自己的购物车和查看自己的订单。

项目名称： 财博云共享行业管理系统 项目角色： 前端开发工程师 项目简介： 该项目是一个自主研发的无人值守管理 SaaS 系统，在财博云项目中，我担任前端开发工程师，负责实现用户界面并提供与后端系统的接口交互。本项目为共享自习室、棋牌室、茶楼、无人影院等共享行业提供了一个全面的在线管理平台。 技术实现： 前端框架： 采用Vue.js框架，利用其响应式和组件化特性，提升了开发效率和应用性能。 UI组件库： 集成Element UI，确保了界面的一致性和专业性，同时加快了开发速度。 小程序开发： 独立开发了微信小程序，为用户提供了便捷的移动访问方式。 状态管理： 通过Vuex管理前端状态，确保了复杂应用的逻辑清晰。 API交互： 设计并实现了与后端Java服务的RESTful API接口，使用了Axios进行数据请求。 用户体验： 设计了简洁直观的用户界面，提升了用户的操作体验。 实现了跨平台的响应式设计，确保了不同设备上的一致体验。 小程序的独立开发，为用户提供了随时随地的管理能力。 个人贡献： 功能实现： 开发了核心前端功能，包括自助预约、会员管理、报表查看等。 性能优化：

1、功能： 物联网系统可以实时查看消防设备状态，包括各个设备在什么位置、设备的压力怎么样、设备是否晃动、设备是否离线等等。 可以在后台管理中标注设备位置，根据每一个楼层上传相应图纸，在图纸上标注相应的位置。 以及使用手机app扫码录入设备，在设备上贴上二维码，扫码即可一键录入二维码。 2、开发： 整个系统前端部分由我自己开发，web端使用vue全家桶实现页面搭建+cesiumjs实现三维效果。 手机端使用uniapp进行app开发。 在开发过程中与厂家沟通需求、确认需求、与后端同事一同实现功能。

项目名称: 网络空间搜索引擎 2023.11 - 2024.03 项目描述：简的来说是一款网络空间测绘的搜索引擎，在帮助用户以搜索的方式查找公网上的互联网资产。他的的使用方式类似于谷歌或百度，用户可以输入关键词来匹配包含该关键词的数据。 他的作用之一就是对企业所有暴露在公网的暴露面进行梳理，帮助企业最大程度上保护自己的互联网资产，举例来说 就像病毒可以通过多种渠道侵入人体，企业设备也可能存在漏洞被黑客攻击 ， 这个项目也就为网络安全渗透工程师提供的一个平台 技术栈: vue3 、vite、ts、echarts、element-plus、pinia、highlight、intro、countup 项目职责: 搜索页面、搜索详情页面、可视化大屏页面 - 通过xlsx模块实现了对一些查出的数据信息进行导出 - 通过base64+url加密对搜索内容进行加密搜索 - 通过highlight.js对每个IP端口的网站正文代码进行高亮 - 通过pinia进行存储是否是用户第一次登录使用intro.js进行网站引导，并且切换页面IP端口数据展示方式 - 在大屏页面使用echarts对深故居扫描

在校园表白墙的实现中，用户可以在聊天室模块中进行聊天，有发布失物招领，二手买卖，学校通知四大模块们都实现了相关的功能。

1.项目分为数据报表、系统管理、工单管理、品质巡检、设备管理等功能，使用者为地产物业的管家及物业各级领导。 2.在系统中负责系统管理、工单管理的研发工作，系统技术栈包括vue、springmvc、ES、canal、redis、dubbo、nginx等等 3.海量工单数据导致系统运行异常，采用ES替代查询mysql数据库方案，另外通过优化系统代码解决问题

使用uni-app开发的大型微商项目，页面有100+个， 都是我一个人负责开发 项目主要功能有：下单、订单、售后、分销、代理统计等

2016年设计并开发个人展示网站http://yihuizhang.org，部署在阿里云服务器，已经稳定运行8年左右，本人负责所有的开发及设计工作

项目分为医护、患者、药师三端,实现患者线上问诊、医生线上开方、药师线上审方后交 由患者付费的一套主体流程。

项目描述：一个注重中国家教智慧的小程序平台，帮助中国家长如何正确引导和教育孩子； 我的职责： 1，搭建小程序首页，内容详情页，搜索等页面的搭建，并完成该页面数据模拟交互和相关操作； 2，使用小程序request与后端数据进行交互，进行下一步操作； 3，使用localstorage来进行数据存取，判断用户是否登录或者用户身份，有无评论，观看完整视频权限等； 4，使用navigatorTo，switchTab等API实现页面间的跳转和传值； 5，修改百度地图基础包，实现离线地图功能，从对应的服务器上请求瓦片图，并在地图上展示相关数据 6，使用原生API调取手机硬件，实现拍照，定位等相关功能；

1、使用vue3、axios、vint、TS搭建项目 2、主要功能为内部办公内手机软件、可以提交流程、消息推送、知识学习、上下班打卡 3、自定义工作日历组件、地图组件

项目分为登录注册，个人中心等，是一个金融行业的进件h5公众号，包含了调用微信扫码权限获取定位权限等！ 单独负责整个项目的开发！

项目名称： 高性能会计教育平台前端开发 项目角色： 前端开发工程师 项目简介： 作为前端开发工程师，我负责了考呀呀会计网校平台的前端开发工作。该平台是一个专注于提供会计教育服务的在线学习系统，旨在帮助学员通过各种会计考试并提升职业技能。 技术栈： 框架选择： 采用Nuxt.js结合Vue.js框架，利用Nuxt的服务器端渲染（SSR）特性，提高了页面的首屏加载速度，并优化了对搜索引擎的友好度。 状态管理： 通过Vuex进行状态管理，确保了应用在复杂交互下的状态一致性和可维护性。 UI设计： 根据定制的设计稿，使用专业的HTML、CSS和JavaScript技能，实现了高保真的用户界面。 业绩亮点： 搜索引擎优化（SEO）： 利用Nuxt.js的SSR能力，显著提升了网站在搜索引擎中的排名，增强了平台的在线可见度和潜在用户的流量。 性能优化： 实施了网络优化策略，包括强缓存和协商缓存机制，减少了服务器的请求次数，加快了页面加载速度。 对响应内容进行了压缩处理，减少了传输数据的大小，进一步提升了加载速度。 进行了渲染优化，包括代码分割和懒加载，使得初次加载更加迅速，同时提高了运行

1、项目由vue、vueX、axios、js、elementUi、乾坤微前端框架搭建 2、主要功能整合多功能管理平台，包含知识库、作业管理、脚本执行、多服务管理、邮件管理 3、运用富文本编辑器实现脚本运行可视化 4、使用拓扑图实现自定义多种类型作业、可设置作业模版、快速作业等功能

通过基于企业施工管理全链条精益化施工过程管理平台建设，通过施工过程物资管控、信息采集、现场工程验收等数据采集信息化，实现配网项目现场作业过程信息化管控；通过施工准备数据导入/导出及接口实现配网现场业务基础数据及采集数据的实时归纳，到达配网数据从投资到结算全过程数据的闭环管理；通过设计变更实现快捷的线上设计变更申报、审核、变更记录。

vue：用于构建页面结构和样式，确保页面的可访问性和用户友好性。 JavaScript：用于实现网页的交互功能，例如登录、转账、查询余额等操作。通过 JavaScript，用户可以与银行系统进行实时交互，完成各种操作。 响应式设计：确保网页在不同设备和屏幕尺寸下都能够良好地展示和使用。 安全性技术：包括 HTTPS、跨站点请求伪造（CSRF）防护、跨站点脚本攻击（XSS）防护等，以确保用户信息和交易数据的安全。 前端框架/库：使用流行的前端框架或库来简化开发流程和提高性能， 数据可视化技术：对于某些页面，如交易记录、账户概览等，可能会使用数据可视化技术，例如图表库（如Chart.js、D3.js）来将数据以图表或图形的形式展示，使用户更容易理解和分析数据。 性能优化技术：包括代码压缩、资源缓存、懒加载等技术，以确保页面加载速度快，用户体验良好。