前端

多屏幕适配方案

在大屏开发中,最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。 一. 最外层元素增加 scale 这里的最外层元素指的是能包含所有页面的元素。我们可以给最外层元素设置固定的宽高,比如 1920 * 1080。一旦大屏的尺寸跟设定的不符合,则通过缩放相应的倍数来适配大屏。 具体代码如下: // 获取缩放倍率 getScale = () => { const [width, h

解决element-ui中的el-select选择器无法显示选中内容的问题

问题描述:今天本人在编写前端页面时突然发现引用的element-ui中的el-select选择器无法显示选中内容,但是当我把表单数据全部填写完后打算上交时,el-select选择器的内容又能够出现我首次选择的东西了,但是点击其它无效,不能够切换数据。对数据修改时毫不影响el-select选择器的使用。 问题代码: <div class="form-group"> &lt

关于 Web 安全:2. 信息收集与资产识别

一、子域名收集子域名收集目的: 枚举出一个主域名下所有可能存在的子域名。比如拿到目标是 example.com,那要找到它的:api.example.com admin.example.com mail.example.com test.example.com ... 这些子域可能有: 测试系统(test)

JavaScript:在前端代码中读、写本地文件

一,在前端代码JavaScript中读写文件的限制与处理在前端 JavaScript 中,浏览器环境没有直接提供操作文件系统的能力。也就是说,你不能像在 Node.js 环境中那样,使用 fs 模块来删除或创建文件。这是因为浏览器出于安全性的考虑,不允许网页随意访问用户的文件系统,以防止潜在的恶意行为。然而&#x

Selenium Web UI自动化测试:从入门到实战

引言在当今快速迭代的软件开发周期中,自动化测试已成为保障产品质量、提升测试效率的核心手段之一。而针对Web应用的UI自动化测试,Selenium作为最流行的开源工具之一,凭借其跨浏览器、多语言支持(Python、Java、C#等)和强大的社区生态,成为测试工程师和开发者的首选。本文将详细介绍Selenium的核心功

JAVA Web 期末速成

一、专业术语及名词 1. Web 的特点定义:web 是分布在全世界,基于 HTTP 通信协议,存储在 Web 服务器中的所有相互链接的超文本集 Web 是一种分布式超媒体系统 Web 是多媒体化 和 易于导航的 Web 与平台无关 Web 是动态、交互的 2. TCP/IP 结构和作用 网络接口层:负责将 IP 分组封装成 合适在具体的

双剑破天门:攻防世界Web题解之独孤九剑心法(七)

免责声明:用户因使用公众号内容而产生的任何行为和后果,由用户自行承担责任。本公众号不承担因用户误解、不当使用等导致的法律责任**本文以攻防世界部分题为例进行演示,后续会对攻防世界大部分的web题目进行演示,如果你感兴趣请关注**目录一:Newscenter二:upload1三:Xff_referer四

前端|Vue Vue3中使用Pinia,保姆级教程

为什么选择Pinia在构建大型或中型Vue应用时,组件之间的状态共享和管理是一个不可避免的挑战。Vue.js的官方状态管理库Vuex在过去几年里一直是解决这个问题的主流方案。但是,Vuex的复杂性和对TypeScript支持的限制促使社区寻找更简洁、更灵活的解决方案。这就是Pinia应运而生的背景。Pinia是Vue.js的一个全新状态管理库,由同一个团队

Cursor开发前端的详细过程

以下是使用 Cursor 开发前端的详细过程:一、创建项目 打开 Cursor 并新建项目: 启动 Cursor 编辑器。 点击 “File” 菜单,选择 “New Project”。 在弹出的对话框中,输入项目名称,如 “MyFrontendProject”,并选择项目存储的位置。 确保选择 “Java

前端函数防抖(Debounce)完整讲解 - 从原理、应用到完整实现

🌷 古之立大事者,不惟有超世之才,亦必有坚忍不拔之志 🎐 个人CSND主页——Micro麦可乐的博客 🐥《Docker实操教程》专栏以最新的Centos版本为基础进行Docker实操教程,入门到实战 🌺《RabbitMQ》专栏19年编写主要介绍使用JAVA开发RabbitMQ的系列教程&