css

项目主要分为前端页面导航展示模块和管理员后台管理模块 该项目主要由我个人单独完成的全栈项目，使用了Node.js的express后台框架搭配ejs模板引擎进行渲染并使用sqlite作为后端数据库，同时，还利用docker进行了部署。

项目简介：基于vue2框架的一个进销存系统后台管理PC端项目。 职责描述：主要负责账户基础资料管理模块，采购、销售、入库等业务模块功能开发，公共组件、方法封装。 项目技术点： 1、根据用户账号权限，实现路由级、功能级的权限控制； 2、使用vuex存储库，缓存公共状态数据，例如类别列表等； 3、添加商品属性时，结合nextTick实现属性信息编辑和显示模式的切换； 4、使用computed，计算添加商品时可选的属性分类，引导用户完成商品属性添加； 5、用户登录时，使用localStorage以及vuex存储用户token信息； 6、使用watch监视table选项的变化，实现table的row联动计算功能等； 7、使用validator自定义表单校验规则，拦截用户在未正确填写信息场景下的提交请求； 8、使用keep-alive组件缓存用户注册表单数据，防止用户意外切换页面时，已填写的数据丢失，提升用户体验； 9、二次封装axios请求库，设置请求超时时间，添加请求动画，统一处理响应错误等； 10、使用echarts实现首页可视化等；

独立开发（毕设） 运用的是ssm框架，简单模板是自己在网上找的，后台是自己实现的，数据库是自己设计的，是由本人独立开发完成，目前JAVA学习到了框架已经全部学完了，然后都能基于一定程度开发

主要负责了登录 权限管理 基础信息展示 首页大屏可视化 HTML，CSS，JavaScript三部分组成。HTML：搭建框架，构建结构。CSS：布置样式，打扮界面。JavaScript：行为分离，效果交互。等等

是一个生产管控平台，可以看到设备状态，电站信息、影响线路、故障信息、消缺状态，点击地图可以显示详细信息、位置等信息等等。 1. 使用flex 布局、vue2、echarts、element-ui、vuex、地图组件实现 2. 使用element-ui实现故障信息tap切换、实现筛选、表格内容、弹窗信息等 3. 使用element实现分页，及列表信息、二级明细展示 4. 使用echarts实现缺陷信息数据可视化，包括直流、配电、变电、输电的数据展示 5. 使用封装的组件和地图组件实现打点，及打点信息、线路图示.

根据设计原型图，分析项目逻辑，大数据统计分析页面的开发，vue开发，小程序的开发，微信公众号开发，uni-app开发。前端页面的搭建，小程序的开发，DataGear大数据页面的搭建，mxGraph流程矢量图的搭建等等。

1、项目开发运用了Vue全家桶、XUI组件库。 2、荣耀家园后台配置进行了重构和新增 ，新增了勋章管理功能 ，设置勋章图标管理页面 ，颁发用户勋章页面。进行增删查改功能交互 ，新增时依据不同的类型对名称进行模糊查询。导入和导出功能。导入功能依据接口返回的message值展示。 3、公司知库页面开发运用XUI组件库。中英文切换功能 ，新建2个中文和英文的js文件 ，依据个人信息接口的字段判断进行切换。左侧是部门分类采用循环的方式展示所有子级。中间部分是多功能筛选功能和数据展示 ，多功能筛选依据接口返回的数组需进行处理。数据展和示有浏览量时间排序 ，对外部圈子的作者不跳转个人黄页。使用localStorage方式存储数据 ，当下次打开页面展示上次所选择选项的数据。 4、 内容中台项目的搭建使用的2个项目的iframe嵌套的方式实现的。利用XUI表格展示数据 ，再$router跳转到详情页接口返回树形数据展示。点击树形节点的子节点表格展示。进行分页、增删查改功能。 5、点赞点踩功能， 由另外一个搜索微服务页面的点赞和点踩操作 ，后台进行数据展示，增删查改和导出功能。

很高兴向大家介绍我自己设计的梦洁网页，这是一个基于HTML和CSS技术开发的网页。 对于我来说，梦洁是一个非常有意义的品牌，代表了舒适、幸福和家庭的理念。在这个网页中，我希望体现品牌的核心价值并展现梦洁的产品特色。为了达到这个目的，我采用了梦洁的品牌色——淡粉色，搭配了白色和灰色的辅助色，并运用了圆角和阴影等元素来呈现出温馨亲切的感觉。 在整个网页的设计中，我使用了HTML和CSS技术实现了网页布局、样式设计和动画效果等功能。其中，我使用了众多CSS样式，如定位、浮动、背景、边框、字体等。另外，为了让网页在不同大小和分辨率的设备上具有良好的表现，我对网页进行了响应式设计，采用了适应性布局和媒体查询技术来适应不同的屏幕大小。 梦洁网页中包含了多个板块，如产品展示、品牌介绍、特惠促销等。在这些板块中，我通过动画、按钮等元素增强了页面的交互性和用户体验，使得用户可以更好地了解和浏览梦洁品牌产品。 总之，这个梦洁网页是我在学习和实践中积累的技能，也是我对梦洁品牌的钦佩和喜爱。我相信这个网页可以展现出梦洁品牌的特点，也可以给用户带来愉悦和舒适的体验。希望大家也可以欣赏这个网页，感受梦洁品

项目简介：基于vue3框架的一个电商PC端项目 职责描述：主要负责首页、商品搜索页、商品详情页、购物车、个人中心页的静态搭建，以及相关的交互功能，如：商品搜索、排序功能，添加、删除购物车商品功能，收货地址管理等功能。 项目技术点： 1、使用swiper 5 封装首页轮播图公共组件，在首页等多个组件中复用； 2、封装TypeNav分类导航组件，并且通过监视route对象的path属性，控制分类导航组件在不同页面中的显示效果； 3、引用lodash包，调用throttle节流函数，解决鼠标快速移入分类标签时的，标签高亮的卡顿问题； 4、使用事件委托编程技巧，对分类导航标签的点击事件进行优化，减少不必要的内存消耗； 5、二次封装vue-router编程式导航的push、replace方法，解决前端路由跳转时，跳转路径冗余导致的控制台报错问题； 6、使用import函数实现路由组件懒加载，提升项目首次渲染效率； 7、使用element-plus组件库的image组件，通过标签属性lazy，实现图片懒加载； 8、首页跳转到商品搜索页时，使用query路径传参方式，将搜索关键字传递到search组

1、项目开发运用了Vue2前端框架和Ant Design Vue组件库。 2、动态导航栏模块使用Vuex里异步请求接口数据，再同步操作里把数据存储到state中。通过路由懒加载的方式加载对应的路由地址，通过beforeEach判断是否登录和路由加载。 3、权限控制模块是通过不同的角色映射到对应的用户上，再由角色勾选出需要的路由组件。 4、主体功能是在线复判模块依据不同的机台号绑定NG料盒，再根据正式模式、测试模式、算法模式展示不同的缺陷图片，这里我采用canvas根据后端提供的数组坐标标注不同的缺陷类型和框的颜色，使用js函数封装的方式。在图片上可以进行局部缩放功能。 5、维修站点模块和历史查询模块主要也是采用canvas绘画，维修站点是通过键盘上下键进行复看。 6、统计分析模块是以Echarts封装柱形图、环形图、单折线图、多折线图和多维矩形图展示页面。 7、对多复用的函数进行封装，在vue.config开启gzip压缩，用懒加载方式优化页面和路由。

项目职责： 1、 使用Ant Design实现各种页面布局； 2、 负责通过echarts，对各地区产业基地分布以及风险等级等数据可视化处理； 3、通过axios发送请求进行数据交互，对生产基地、病虫害监测等页面进行渲染； 4、通过Antd日历中dateFullCellRender方法对日历进行编写自定义样式，根据农作物的生育期情况对日历的单元格进行不同颜色的渲染; 5、通过请求geojson数据渲染到gis地图以 Marker的方式来展示山西省各地区农作物基地种类分布情况； 6、编写ConnectProvider高级组件，接收fetch、params、children三个属性，分别为请求接口的方式和参数还有高级组件中显示的子节点。可以减少代码冗余，提升代码可读性，提升性能

我很荣幸地向大家介绍我自己设计的拼多多网页，这是一个基于HTML和CSS技术开发的网页。 在这个网页中，我尽力展现了拼多多网站的特点和特点，突出了“买得更多， 省得更多”的主题。为了达到这个目的，我采用了拼多多的品牌色——红色，搭配了白色和灰色的辅助色，并运用了不同颜色的按钮和链接来增加页面的活力和互动性。 在整个网页的设计中，我使用了HTML和CSS技术实现了网页布局、样式设计和动画效果等功能。我运用了众多CSS样式，例如 动态生成的商品卡片，用户界面的样式等。同时，为了让网页在不同的屏幕分辨率和尺寸上看起来更美观、更完美，我对网页进行了响应式设计。这是互联网开发时越来越重要的一点。 此外，在这个网页中，我还采用了一些透过元素和页面的交互效果增强了用户体验的特效。例如 Drop-down and popup effects 等界面元素特效等。这使用户可以更直观和快捷地浏览和购买商品相应的信息。 总的来说，这个拼多多网页是我在学习和实践中，不断积累的技能的显示，也代表了我对拼多多的支持和欣赏。我相信这个页面可以增进用户对拼多多的了解，并带给用户购物的便利和愉悦感受。希望大家也能

1、一个上市公司的官网，内容比较多，通过较多轮播展示 2、为了展示股票信息，通过echart 绘制股票日K 月K等统计图 3、整体也是比较规整，功能齐全，配合设计一比一还原设计稿，并且添加各类交互和动效

项目简介：项目从 0 到 1 开发， 整合管控上海交通设施， 路面病害， 监控视频， 施工进度等实时数据， GIS 地图总览等于一体展示大屏。 责任描述：1，结合业务需求和设计版本，细分任务模块，安排任务时间节点；2，合理安排前端开发人员任务，与后端人员协作，联调接口；3，与产品经理和设计紧密沟通，合理对页面模块优化修改；3，vue， vue-route 框架模块化开发前端页面；4，在报表模块中使用了 EChart 来增强可视化效果；5，使用 GIT 进行版本控制。

1、各类前端页面一比一还原设计稿，完成各类交互，动效 2、归档地址：http://youyoune.cn/work 3、熟练使用vue2 或vue3 完成各类需求网站搭建

1.系统主要功能模块有气候背景展示、预测产品、客观方法、产品制作、产品查询、数据管理、用户管理等功能模块，项目前期的需求调研、系统设计、前后端功能开发等都由我一人完成。 2.主要使用技术有SpringCloud、SpringBoot、Mybatis、Redis、MySQL、XXL-JOB、GIS等开发技术,最终实现了数据采集、数据展示、气候预测、产品制作等功能。 3.系统难点主要有：需要从各部门数据获取相应的数据，采集到平台且数据量大，存储及查询是个难点，主要解决方案1、采用实时数据表和历史数据表进行数据拆分，将常用统计的建立统计表并采用增量计算模式2、采用大数据平台来解决数据量大的问题

项目简介：项目从0到1开发umijs/max搭建并迭代开发，一期二期为冲刺项目开发模式，至项目上线内部 相关部门使用，后期为迭代需求开发完善项目功能。监测舆情，舆情打标，舆情处理，舆情定位，舆情管理基础配置项等。 1，负责项目前端开发进度，推进后端联调及测试进度； 2，产研测沟通紧密，保证项目迭代进度正常上线，无延期及线上bug； 3，代码review：可提高代码质量，保证上线无p级bug； 4，线上问题迅速回馈：迅速定位问题，2小时内解决并上线hotfix； 5，技术总结沉淀：1，项目内功能组件抽离，代码更优雅直观，更易维护；2，贡献公共各项目频繁使用小组件到公司组件库，方便其他项目引入使用； 项目获得2022年优秀项目，并获得3000项目奖金。 得物舆情监测系统属公司内部系统，竞业协议。

我很高兴地向大家介绍我的一个作品，这是我用HTML和CSS写的一个小米网页。 我创作这个小米网页的初衷是因为着迷于小米的设计和产品，希望以自己的方式，模拟小米风格，展现小米的品牌特质。在这个网页上，我用了小米蓝底色，加上白色和灰色的辅助色来创建出简洁大方的页面布局。整个网页包含了小米品牌简介、重点商品展示、新品推荐等多个板块，为用户提供了一个全面了解小米品牌和产品的平台。 在实现页面布局时，我运用了一些基本的HTML和CSS知识，如盒子模型、浮动、定位、伪类等技术，实现了精良的页面效果。我还用CSS3的动画效果让网页看上去更加生动活泼。同时，为了针对不同的屏幕大小和分辨率设备，我对页面进行了响应式设计，使用媒体查询技术来实现适应性布局，让网页在不同设备上都具有良好的用户体验。 总的来说，这个小米网页是我通过自己的努力学习和实践，基于Web技术开发出来的一个精心制作的作品。它不仅仅是展示了我的技术能力，而且也是表达我对小米品牌的喜爱之情。希望大家能够欣赏并喜欢它！

负责: 1. 编写⼩程序原⽣项⽬ 2. 编写⼩程序后台管理项⽬ 3. 编写⼩程序项⽬操作⽂档和项⽬架构的设计⽂档 使⽤技术: 1. Vue3+axios+element-plus 2. 使⽤微信原⽣开发技术 3. 原⽣ js 的结点拖拽排序 技术难点： 1. 根据不同的权限显示不同的 tabber 的菜单 2. ⼩程序进⼊下⼀⻚⾯，返回，保留和重载当前⻚⾯修改的数据

1、项目开发运用了Vue框架、vue-router构建单页面应用、 Element-UI组件库和antd组件库，axios请求接口数据、 ES6 等技术。 2、负责捷报api数据监控 ，利用ECharts对api的调用次数、指标调用次数、调用排名进行展示。3、针对在测试环境使用的调试api ，使用proxy跨域对api进行调试。 4、资源组管理 ，对各个资源组的使用情况展示 ，利用ECharts图形展示资源组的月账单、年度账单、详情的账单流水， 资源组的部署分配和扩缩容资源信息。 5、API的导入导出功能 ，对导出的api以json格式导出；导入操作，上传json文件的发布包 ，发布到api管理页面，查看发布包的发布状态。 6、模型全景图，对不同的逻辑表展示不同的折线图和柱张图 ，展示每日用户登录数，每周审批数，每周发起评审数，每周评审通过数的时间段ECharts折线图。 ECharts图形都以封装好。 7、消息中心的模型设计草稿功能 ， 由上传文件新增 ，进行简单的删除、编辑、发起审批流程、查看等。 8、导出相应的逻辑表DLL的hql脚本 ，对页面进行前端优化 ，处理遗留的bu