css

Thomson Reuters 网站宣传和联系页面制作 Header部分，PC节点时使用Grid布局，将导航栏和logo按照设计放到指定的位置上，在SP节点时隐藏导航栏，显示导航开关按钮，按钮使用CSS赋予SVG路径过渡动画，使用一个隐藏的checkbox来确认和获取菜单的状态，使按钮可以根据导航菜单打开关闭正确显示状态。js在页面改变后获取Header的高度，在滑动高度大于Header高度时，给Header赋予模糊背景颜色，便于阅读。在使用模糊背景色时，发现Safari对于filter的支持不佳，经过测试后发现应使用-webkit-兼容解决问题。 内容部分，由于小标题样式统一，使用相同的类名来规定小标题样式，除标题外的内容，均使用Grid进行布局，使内容可以在SP宽度时，轻松实现布局上下调整。按钮部分加入了hover效果，对使用者起到引导作用。 客户请求部分，使用From表单，依旧使用Grid布局，方便调整SP时的上下位置。填好表单点击提交按钮后，将使用js进行字段校验，有错误将使用Alert弹窗提示，若确实无误，使用JQuery的clone方法将表单整体复制到隐藏的弹窗Div中，并

案例模块，找人模块，装修公司模块，家居建材模块，前台端后端都可做，fastadmin管理，更多功能页面联系我，本人手中无其他项目，需要随时第一时间工作

1.项目包括：单位管理，人员管理，作业计划，违章管理，安全工器具管理，统计报表模块 2.我负责每个模块业务开发，每个模块首页Echarts图表

包含通知公告、项目实景、食堂订餐、项目地图等功能。通过项目地图功能，员工可以在手机上实时查看公司的项目地图，了解各个项目的具体位置、占地面积、负责人等信息。同时，我们还支持地图导航功能，员工可以根据地图上的指示快速到达指定项目区域，提高了工作效率和准确性。通过食堂订餐功能，员工可以在手机上随时随地查看食堂的菜单，包括各类主食、小吃、饮品等，并可以根据自己的口味和需求进行个性化选择。员工可以在手机上随时查看这些通知和公告，确保自己能够及时了解公司的最新动态。同时，我们还支持消息推送功能，当有新的通知或公告发布时，系统会自动推送给员工，确保员工不会错过任何重要信息。

1.电商erp系统，主要功能是对接上游供应链，同时对接各个电商平台 2.主要负责订单管理，商品管理，目录管理，渠道管理等模块

该项目是一个商城管理后台，主要功能包括用户管理、角色管理、菜单管理，商品管理、数据大屏等，其中用户通过角色管理限制页面展示的权限，通过商品管理添加、删除、修改商品列表，可下载商品订单列表文件

### 远程超声协作机器人小程序设计与实现 #### 功能需求分析 1. **设备管理**： - 添加、删除、更新设备信息。 - 查看设备状态和实时数据。 - 设备分组与分类管理。 2. **用户管理**： - 添加、删除、更新用户信息。 - 分配设备给用户。 - 查看用户操作日志和历史记录。 3. **权限管理**： - 用户角色与权限设置（管理员、操作员、查看者等）。 - 分配设备操作权限（如启动、停止、维护）。 - 监控和审核用户操作。 #### 设计思路 1. **UI/UX设计**： - **布局设计**：界面简洁明了，主要分为设备管理、用户管理和权限管理三大模块。 - **导航设计**：侧边栏导航方便用户在不同模块之间快速切换。 - **可视化设计**：实时数据显示采用仪表盘、列表等形式，直观展示设备状态和用户操作。 2. **技术选型**： - **前端框架**：使用Vue.js，实现组件化和高效渲染。 - **实时通信**：WebSocket，实现设备状态和用户操作的实时更新。

1. 该项目是公司对元宇宙能力的初次探索，贯穿了从红旗企业文化到汽车销售看车全流程全功能社区，拥有空间漫游、3d展车、小地图、全景图展览、语音电话、销售看车、赛车小游戏、抽奖、活动奖励、在线客服、在线交友、人物捏脸装饰等等，内容十分丰富。 2. 主要负责了抽奖、智能问答、小地图、4s店、聊天等N大模块功能的开发，以及承担了 web/h5页面响应式逻辑的设计和实现，并主力解决各类兼容性疑难杂症。 3. 难点：各种移动端手机的适配，以及强制横屏后的一些兼容性问题。通过rem+fontsize解决饿了设计了适配方案，兼容性问题则case by case分析解决。

该项目主要是针对中小型个体户或者企业使用的进销存管理erp系统 设计主要来源网上收集和自己的功能理解，所有内容均自己一个人完成 后台采用java，spingboot，redis，mysql等技术

基于公司重卡的车机数据，为红岩厂商提供的数据分析分析决策系统，利用车辆的轨迹数据，向客户提供车辆的各个维度的分析数据，车辆的基本信息，车辆的运行轨迹、新车新增、保有量、运营里程、细分市场、车辆行驶热力图、停靠点等数据，为客户提供百亿级数据量的大数据分析系统。

小程序大致分为以下几个模块：门店列表、商品列表、下单和支付、订单记录。 小程序的目标用户群体为卡车司机，主要功能是为司机筛选卡车维修保养门店，在线选购维修保养零部件/商品，预约到店进行维修/保养。 这些模块基本上由我一个人负责，使用微信小程序原生开发，部分UI组件使用小程序原生组件，部分使用vant-weapp组件，整体没什么难度，主要在支付流程上，使用的是公司统一封装的支付组件。

### IPv4-IPv6应用互通大屏展示设计与前端实现 #### 设计思路 1. **功能需求分析**： - 实时数据流量监控：展示IPv4和IPv6的数据流量、流量峰值和平均值。 - 转换效率监控：显示转换成功率、延迟时间和丢包率。 - 故障报警：实时监控并报警异常和故障。 - 节点状态展示：显示各节点连接状态、响应时间和健康状况。 - 历史数据查询与展示：提供历史数据查看功能。 2. **UI/UX设计**： - **布局设计**：采用大屏多窗口布局，左侧显示数据流量，中间展示转换效率，右侧为节点状态和故障报警。 - **可视化图表**：使用折线图、饼图和热力图等图表类型，直观展示各项数据。 - **交互设计**：提供数据筛选、图表缩放、时间范围选择等交互功能，提升用户体验。 #### 前端实现 1. **技术选型**： - **前端框架**：vue.js，提供组件化开发和高效渲染。 - **可视化库**：ECharts，用于实现复杂的数据可视化图表。 - **状态管理**：Redux 或 MobX，管理全局

主要功能有：首页、问答、视频、文章、短信登录、我的、搜索、频道、评论、聊天机器人等模块。 责任描述：独立开发项目 技术描述： 1、使用 vue-cli 脚手架搭建项目结构，使用 vant 框架+Less 预编译进行开发 2、移动端适配：使用amfe-flexible插件和postcss-px-to-viewport插件进行配置屏幕基于375px开发 3、使用 upload 上传结合支持裁剪和拍照的 vue-cropper 将用户头像上传到腾讯云 cos 4、针对 token，使用了vuex-persistedstate持久化工具 5、使用 keep-alive 缓存文章列表并记录滚动条的位置 6、使用正则和字符串的 replace 方法实现搜索的联想关键字高亮 7、使用 moment.js 格式化时间插件封装全局过滤器 8、使用 websocket 技术实现聊天机器人，并使用 Vue.$nextTick 滚动到底部信息 9、利用refresh_token在token过期后，自动去请求一个最新token

制造行业crm系统 客户管理，订单管理，报价管理，出货管理，发票资料管理 SSM框架开发，前端使用View UI，审批流走蓝凌OA，在钉钉开发功能，系统国际化（i18n）

该平台采用分布式部署架构，结合云计算、大数据分析等技术，具备云服务、内容分发、IPv6升级等能力，提供更为智能、更为强大的分布式IPv4、IPv6内容加速服务，在全国主要的互联网枢纽部署节点，面向电子政务及公众企业提供IPv6应用升级服务。该平台可以不受地域和运营商的局限，智能感知并快速响应用户的访问需求，真正实现互联互通，彻底解决IPv6应用升级难题。

1.这是一款商城购物微信小程序，主要功能有授权登录、首页、商品列表、搜索、商品详情展示、商品评价、商品下单、支付、订单管理、物流、会员、经销商、积分、优惠券、收藏、钱包余额、通知消息、我的账户、充值、会员认证等；交互完整，页面友好，适用于团队项目展示和开发等使用 2.负责首页，商品列表，商品详情，登录模块

首页统计 权限管理，角色管理 ，数据录入 人员管理 首页数据根据 数据录入统计 对应的 每月和每日的数据 把数据做成 图形的方式展示，数据的录入可以导出

使用grid布局快速铺设和完成页面内容，根据响应式节点和内容，将响应式上下左右的变换敲定并制作。 使用gird的特性，使页面能在较小的时候也可以很完善的换行掉落，是在各个环境的内容为一致的。

后端： 简介：使用thinkphp框架，小说后端数据提供分为爬取数据，服务器数据提供，以爬取数据为主，缓存的服务器数据为备份 爬虫接口：实现网站小说地址的第一次爬取并将书名，地址，图片地址，简介，类型，状态，作者存放数据库，供前端渲染 txt文本缓存：根据数据库爬虫地址，实现小说内容二次爬取，分别建立目录以及txt文本，建立本地服务器小说数据源 开发接口：获取书目录，获取小说内容，返回点击量，类型获取数据接口，搜索获取数据接口，点击量获取数据接口 jwt认证以及跨域配置：router对接口路径进行标准化配置，jwt完善客户端认证访问权限 前端： 简介：使用工具hbuilderx，uniapp作为前端。 书架页面：存放用户放入书架的小说，利用缓存进行存储。 书城页面：根据后端类型数据接口，渲染小说分类已经相关小说的数量，根据书城类型点击获取相关类型的小说 搜索页面：根据后端搜索数据接口，实现小说作者名和书名的两种类型搜索，并且分为精准搜索和模糊搜索，实现搜索值契合度高的小说摆放至最上方。 阅读界面：根据小说id，调用后端爬取数据接口，实现实时爬取，根据返回来的数据渲染简介以及小说目录（爬

AI岛：https://gptland.top/ 使用Next.js实现，可以和ChatGPT聊天，GPTs，Dalle-3绘画 一个人在产品、设计、前端、后端、测试、运维这几个角色反复横跳半年之后（业余时间制作，精力有限