css

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

实现了模拟钢琴的88个按键音，这包括了钢琴键盘上的所有音符，从最低音的A0到最高音的C8。用户可以通过点击虚拟钢琴键盘上的不同按键来演奏出这些音符，从而模拟真实钢琴的演奏体验。这种功能使用户能够在网页上轻松地演奏出复杂的音乐作品，而无需真正的钢琴

1.项目分为系统管理、电子沙盘、地图数据上传、地图发布等等功能，使用者可将gis数据通过系统上传并发布成地图服务，服务可在电子沙盘上展示； 2.全栈开发，使用的技术栈包括springCloud、layui、vue、cesium、若依等

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

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

项目名称: 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 组件进行图片上传，并且封装

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

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

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

项目名称： 快检知了小程序与企业级ERP系统前端开发 项目角色： 前端开发工程师 项目简介： 在本项目中，我作为前端开发工程师，负责了两个主要的系统开发：快检知了小程序和企业级ERP系统。快检知了小程序是专为健身行业定制的设备检测工具，允许用户通过小程序扫码进行设备检测，并展示相关的健身数据和生成检测报告。ERP系统则用于公司内部人员管理、体检报告查看、设备操控配置以及检测信息录入。 技术实现： 小程序开发： 使用WXML和WXSS构建微信小程序的界面。 利用JavaScript进行逻辑处理，结合微信原生组件和API实现设备检测的扫码功能。 采用canvas和echart实现数据可视化，提升用户界面的交互性和信息展示的直观性。 实现了H5页面内嵌，增强了小程序的兼容性和扩展性。 ERP系统开发： 采用Vue.js框架，结合Vuex进行全局状态管理，Vue Router处理页面路由，实现单页面应用。 使用Element UI组件库和Sass提高开发效率和界面美观度。 通过Webpack进行项目构建和优化，确保了应用的高性能。 业绩亮点： 登录功能优化： 将小程序的登录流程由

项目名称: 超购后台管理系统 2023.05 - 2023.07 项目描述：超购后台管理系统 技术栈: vue3、axios、element-plus、echarts、postcss、pinia、ts 项目职责: 登录模块页面、权限模块页面、订单模块页面、分销模块页面、其他模块页面 - 通过防抖实现了登录按钮，搜索，分页功能的体验效果 - 通过登录获取的一个token将token存储到pinia里，pinia结合路由守卫获取token实现页面鉴权 - 通过element-plus的 upload 组件进行图片上传，并且封装

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

项目描述：搭建营销计量项目立项自动判别辅助管理系统，以解决公司对项目立项业务的需要，对出现的各类业务新需求及问题进行适应性改造，更好地为项目立项业务精细化、集中化管理提供有力支撑与技术保障。 功能简介：①评分模型：增加评分模型以高、中、低评级对用电用户设备自评估功能，并提供立项过程按评级选择用户设备做为改造清单的功能需求； ②项目立项管理：项目配置清单选择功能，增加重复设备汇总筛查功能，增加需求定额库功能 ③项目需求核实功能； ③项目评审功能； ④数据接入后优化 ⑤项目立项后分析 ⑥项目结算功能

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

案例背景： 客户希望能够做一款线上商城系统，用于维护自己私域用户随时购买商品 案例介绍： 有以下个五功能需求： 1.首页能够展示商品及商品图标 2.管理页面能够更改商户介绍，商品分类，商品价格等功能 3.用户可以添加商品并支付 4.用户可以添加送货地址 5.用户正常购买后能够查询到订单 客户评价： 该功能契合客户需求，客户在使用十分满意。

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

1、使用VUE3、Typescript、axios、Arco Design Vue等技术搭建 2、平台主要功能是进行资源纳管、物理装机、执行脚本 3、可视化管理机房、机柜资源、可管理机器出厂到报废流水线管理

web 大数据可视化 使用的是echarts图表库，ECharts , DataV数据可视化, 大屏可视化, 大屏适配, 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 DataV数据可视化旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用，满足您会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

项目名称: 网络空间搜索引擎 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对深故居扫描

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