css

项目经验 智慧校园 2022.3-2022-.4 项目介绍： 使用技术：HTML、css、vue、axios、spring、mybatis-plus、springboot等 功能：学生管理、教师管理、年级管理、班级管理、管理员管理、个人信息管理等 岗位职责： 1. 参与项目的需求分析与设计 2. 根据项目规划，完成模块功能的开发以及相关文档的编写 3. 负责难点问题的攻关，并保持和团队成员的友好沟通；

项目简介：基于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实现首页可视化等；

项目简介：基于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组

主要是一个定制app 负责整个项目所有内容包括通讯 聊天 执行任务 下发任务 包含调度 图标类 任务提示类 等等

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

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

分类功能，叠代，分页，表格，搜索，表单，加路由，单选框，多选框，日期选择器，树形控件等等，进行状态的管理以及数据的，配合后端人员进行接口，及功能调试完成页面渲染，筛选功能，搜索功能，同时实现各个模块之间的交互、组件的按需加载，Axios进行数据请求并进行请求拦截、响应拦截;，常用插件

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

公司自有的微信小程序商城, 销售公司的海鲜类产品. 该项目实现了微信小程序商城，实现了商品分类，商品详情，购物车，订单支付，会员中心等功能。用户可在微信小程序内购买公司产品。管理员通过 web 版管理后台，对商品、订单、售后等业务进行管理。同时实现与公司 ERP 后台对接，定期检查订单状态，实时同步订单。 主要技术: uni-app, nginx, php, thinkphp, laravel, redis, vue, git 工作内容: 基于开源项目 eshop, 进行针对本公司业务的商城二次开发 独立完成定时任务项目设计与开发 开发相关接口, 与公司现有 ERP 管理平台进行数据交互.

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

本人为Java全栈开发工程师，自由职业者。 餐厅管理系统是一种应用软件，针对餐饮行业的各类餐厅提供有效和高效的管理方案。其主要功能包括餐桌管理、菜品管理、订单管理、库存管理、员工管理等，使餐厅内部运作更加顺畅、规范、安全和高效。通过餐厅管理系统，餐厅可以实现节约人力、提高工作效率、优化管理流程、提升顾客满意度和经济效益，成为现代化餐厅管理的重要手段。同时，餐厅管理系统也为餐饮企业提供了数据分析、营销推广、移动支付等新技术，进一步拓展了餐饮市场的商机和发展空间。

1.简单的shopify购物网站，套用了模板，安装了必要的shopify插件。 2.shopify相对而言简单点，半平台的产品，对于短期投入而言还是很不错的。

负责项目的前端开发，包括页面布局、样式、交互等 与后端开发人员紧密配合，实现数据交互和接口对接 负责商品展示、购物车、下单等核心功能的开发和优化 参与项目的需求分析和功能设计，确保项目顺利推进 负责项目的维护和优化，不断提升用户体验

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

是基于微信原生小程序API开发一微信小程序，主要注重于老人健康提醒，智能手表连接监测老人身体各项健康指标，统计以及展示老人健康状态

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

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

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

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

1.留言板拥有登录页面和管理员登录页与游客登录页 2.主要使用php+javascript+boostrap+css3 3.可以实现留言功能，管理员操作留言功能