前端

Px,em,rem的区别

在css中单位长度用的最多的是px、em、rem,这三个的区别是: 1.px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 2.em和rem相对于px更具有灵活性,他们是相对长度单位,长度不是定死了的,更适用于响应式布局。 3.em是相对于其父元素来设置字体大小的,一般都是以<body>的“font-size为准。这样就会存在一个问题,进行任何元素设置,都有可能需要知道他父元

前端实现扫描大屏幕二维码上传图片并同步显示方案

文章目录 1. 项目概述与实现思路 技术栈 实现流程图 2. 系统架构设计 2.1 整体架构 2.2 核心模块 3. 详细实现步骤 3.1 二维码生成模块 3.2 图片上传模块 3.3 WebSocket实时通信模块 服务器端(Node.js + WebSocket) 大屏幕WebSocket客户端 3.4 大屏幕Canvas展示模

web期末作业网页设计——哆啦 A 梦(附完整源码)

目录⭐效果展示:一、项目概述二、开发环境准备三、HTML 结构搭建四、CSS 样式设计(核心部分)1. 基础样式重置2. 页面布局设置3. 商品容器样式4. 商品卡片设计(重点)5. 商品图片样式6. 商品文字信息样式7. 购买按钮样式8. 评价区样式设计五、填充页面内容1. 添加商品项2. 添加评价内容六、完整代码整合七、功能

微前端架构:从单体到模块化的前端新革命

在信息技术(IT)的迅猛发展中,前端开发领域正迎来一场颠覆性的变革 —— 微前端架构(Micro - Frontends)。2025 年,随着 Web 应用的复杂性激增、团队协作需求的增长以及用户对无缝体验的期待,微前端从实验性概念迅速成长为前端开发的热门趋势。它将传统的单体前端拆分为独立、可复用的模

微信小程序使用Vant

什么是Vant Weapp vant Weapp是轻量、可靠的小程序 UI 组件库 介绍 Vant 是一个轻量、可靠的移动端组件库,于 2017 年开源。 目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。 1.创新小程序后,打开新建的项目的根目录 image 2.安装步骤: 安装Vant组件库(V

Web 服务与 I/O 模型

一、Web 服务介绍1.1.1 Apache prefork 模型(预派生模式) 核心机制:主控制进程派生多个独立子进程,使用select模型,最大并发 1024;每个子进程单线程响应用户请求 资源特性:占用内存较多,但稳定性极高 配置特点:可设置进程数的最大值和

JWT,Java Web Token的创建与解析工具!

JWT在现代数字身份认证中的核心价值在当今数字化时代,JWT(JSON Web Token)已成为分布式系统和微服务架构中身份认证与授权的关键技术标准。想象一下日常生活中的场景:当您使用手机银行APP转账时,JWT确保了交易的安全身份验证;当您在电商平台浏览个性化商品推荐时,JWT承载着您的用户偏好信