前端

《C++ Web 自动化测试实战:常用函数全解析与场景化应用指南》

🔥草莓熊Lotso:个人主页 ❄️个人专栏: 《C++知识分享》 《Linux 入门到实践:零基础也能懂》 ✨生活是默默的坚持,毅力是永久的享受! 🎬 博主简介: 文章目录 前言: 一. 元素定位:自动化测试的 “精准导航”

在 Vue 前端(Vue2/Vue3 通用)载入 JSON 格式的动图

在 Vue 前端(Vue2/Vue3 通用)载入 JSON 格式的动图,核心是使用 Lottie 动画库(由 Airbnb 开发,专门解析 JSON 动画文件)。以下是分步骤的完整实现方案,包含环境配置、组件集成、动画控制等核心功能:一、核心原理JSON 格式的动图(如 L

前端限制打包文件数量

前言: 之前有过这样的项目经历:我们写的程序是前端打包给后端,后端再打包成jar包上传到甲方的云市场,使用就在云市场里点击应用打开。 当时甲方云市场做了一次升级,但是没有给我们这边说,直到后面整个系统不能用了,然后给我们反馈了:“你们系统进入页面的时候请求了太多静态资源,导致我们系统直接认定是网络攻击,直接挂掉了”。然后我就去看了一下,前端项目的打包文件,其中js文件和css文件最多,为了性能,对

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

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

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

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

Lottie-Web 完整技术指南:让动画开发更简单高效

📚 目录 一、什么是 Lottie-Web 二、为什么选择 Lottie-Web 三、安装与引入 四、基础使用 五、API 详解 六、Vue 集成实战 七、高级特性 八、性能优化 九、常见问题与解决方案 十、最佳实践 十一、实际应用场景 十二、总结 一、什么是 Lottie-Web 1.1 Lottie 简介Lottie 是 Airbnb 开源的一个动画库,它可以

使用vite+vue3+ElementPlus+pinia搭建中后台应用-前端-1

使用vite+vue3+ElementPlus+pina搭建中后台应用 新建项目 引入ElementPlus 安装 使用 引入样式 自定义主题 布局 引入Pinia 安装 hooks-useWindow 工具库-获取浏览器信息和窗口大小 store存储菜单状态 处理菜单折叠 在header处理折叠 引入 @element-pl

Px,em,rem的区别

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

Flutter 优化:布局时尽量用 const

一、说明 看到很多 Flutter 构建 UI 时会比较多用到 const,为什么不直接创建实例,而要在前端加一个 const 呢 ? child: const Text('加 const'); VS child: Text('不加 const'); 二、尽量用 const 的理由 当我们调用 setState() 后,Flutter 会调用 build 方法,并且 rebuild 其中