当前位置：首页 > news >正文

vue 项目实现阻止浏览器记住密码

news 来源：原创 2025/5/14 17:22:34

在各个浏览器中，登录输入密码一般都会弹出是否记住密码的功能，如果记住之后，会在各个密码框自动填充记住的密码，这无疑是一种不安全的操作，所以要实现禁用阻止浏览器记住密码的行为

查阅资料，也得到很多方法

1、使用 autocomplete="off"
2、使用 autocomplete="new-password"
3、在真正的密码框之前增加相同name的input框
4、使用readonly属性，聚焦时移除该属性
5、将type=password改为text，修改样式改为*或者小黑点

以上的方法我试过1、2，测试发现不能完全实现，浏览器记住密码的弹窗还是会弹出，不排除我哪里没改全，3、4没试，因为感觉改动有点多，最终我采纳了第5种方案，代码如下

 <el-form-item v-if="showPassword" prop="password"><el-inputref="password"v-model="loginForm.password"type="text"class="no-autofill-pwd"placeholder="密码"><svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /></el-input></el-form-item>

.no-autofill-pwd {/deep/ .el-input__inner {-webkit-text-security: disc !important;}
}

在谷歌浏览器以及edge浏览器测试，记住密码功能被禁用，密码也不会自动填充

vue 项目实现阻止浏览器记住密码

在各个浏览器中，登录输入密码一般都会弹出是否记住密码的功能，如果记住之后，会在各个密码框自动填充记住的密码，这无疑是一种不安全的操作，所以要实现禁用阻止浏览器记住密码的行为查阅资料，也得到很多…...

编程日记 2025/5/14 17:22:34

【23种设计模式】工厂模式：理论剖析与Java实践

文章目录工厂模式：理论、Java 实现与实践应用一、工厂模式概述二、简单工厂模式（一）理论介绍（二）代码实现（三）关键步骤（四）流程图三、工厂方法模式（一&…...

编程日记 2025/5/14 17:20:06

（补充）JSON在Java后端的应用

JSON在Java后端的应用本篇介绍本篇文档不涉及到写一个JSON字符串，只是介绍如何在后端实现JSON字符串和Java对象的相互转换 Java对象转换为JSON字符串在Java中，可以使用一个第三方工具包Jackson将Java对象转换为JSON对象，假设现在有一个…...

编程日记 2025/5/15 1:29:28

使用 Apache Commons IO 实现文件读写

在 Java 编程中，文件读写是常见的操作。虽然 Java 标准库提供了基本的文件 I/O 功能，但使用 Apache Commons IO 库可以进一步简化这些操作，提高开发效率。Apache Commons IO 是一个强大的工具库，提供了许多实用的类和方法&#xf…...

编程日记 2025/5/12 5:56:33

AWS ECS Task 添加 Prometheus 监控采集配置详细指南

以下是一篇完整的博文，介绍如何在 AWS ECS 环境中实现 JVM 监控。 AWS ECS 环境下的 JVM 监控实践概述在 AWS ECS (Elastic Container Service) 环境中监控 Java 应用性能是一项重要任务。本文将详细介绍如何使用 AWS Distro for OpenTelemetry (ADOT) 结合 Spring Boot …...

编程日记 2025/5/15 1:17:55

Vue+vite 组件开发的环境准备

一.nodejs安装进入Node.js 官网（Node.js — Run JavaScript Everywhere），点击下载。双击打开，进行安装双击打开后，点击 next（下一步）,后面也是一直点击 next 无其他设置，直到 …...

编程日记 2025/5/15 1:26:07

STM32 进阶定时器:1系统定时器系统中断案例 LED闪烁

定时器： 功能从高到低： TIM1和TIM8 高级控制定时器：输出能力更强，刹车控制、死区时间。 TIMx 通用定时器：可以输出PWM方波 TIM6和TIM7 基本定时器：只能计时系统定时器系统定时器（SysTic…...

编程日记 2025/5/15 0:42:13

基于微信小程序的教学质量评价系统

私信我获取源码和万字论文，制作不易，感谢点赞支持。基于微信小程序的教学质量评价系统摘要随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了基于微信小程序的教学质量评价系统的开发全过…...

编程日记 2025/5/10 4:26:32

Qt Qtablewidget 标题 QHeaderView 增加可选框 QcheckBox

创建自定义QHeaderView #pragma once#include <QObject> #include <QHeaderView> #include <QPainter> #include <QMouseEvent>class SSHeaderView : public QHeaderView {Q_OBJECTprivate:bool isChecked;int m_checkColIdx; public:SSHeaderView(i…...

编程日记 2025/5/12 21:51:30

在CentOS上无Parallel时并发上传.wav文件的Shell脚本解决方案

在CentOS上无Parallel时并发上传.wav文件的Shell脚本解决方案背景概述解决方案脚本实现脚本说明使用指南注意事项在CentOS操作系统环境中，若需并发上传特定目录下的.wav文件至HTTP服务器，而系统未安装GNU parallel工具，我们可通过其他方法实现此需求。本文将介绍一种利用Sh…...

编程日记 2025/5/13 7:10:20

实战ansible-playbook(四) -文件操作重定向/追加

原始命令： ----------阶段1--------------- apt-get update -y apt install nano vim iputils-ping net-tools dialog gcc apt-utils make -y systemctl stop unattended-upgradessystemctl disable unattended-upgradesecho APT::Periodic::Update-Package-Lists "1&qu…...

编程日记 2025/5/15 0:59:58

嵌入式 C 编程必备(7)：const 关键字 —— 打造稳定的常量空间

目录一、const关键字的基本含义与用法 1.1. 修饰基本数据类型 1.2. 修饰指针 1.3. 修饰数组 1.4. 修饰结构体二、const关键字在嵌入式编程中的优势 2.1. 提升代码可读性 2.2. 增强代码安全性 2.3. 优化内存使用 2.4. 促进模块化设计 2.5. 支持静态分析和测试三、…...

编程日记 2025/5/11 5:49:36

电脑显示没信号显示屏不亮怎么办?电脑没信号解决方法

电脑没信号显示屏不亮这种故障的原因可能有多种，例如显示器的供电、连接、设置等问题，或者电脑的显卡、内存、硬盘、主板等硬件问题。所以我们想要解决这个问题，也是需要多方面排除找到具体原因然后进行修复。下面将为大家介绍一些常见的电脑…...

编程日记 2025/5/10 1:03:47

C++零基础入门：运算符与表达式详解 —— 树莓派Pico编程应用

C语言作为信息学奥赛的指定语言，广泛应用于嵌入式开发、系统编程、游戏开发等领域。对于初学者而言，掌握基本的运算符和表达式是进行编程的基础，而这些基础知识能够帮助你解决各种实际问题。本文将带你深入理解C中的运算符与表达式&#xff0…...

编程日记 2025/5/11 0:24:46

mvc命令

命令 mvc MVC(Model-View-Controller)是一种软件架构模式,用于组织和管理应用程序的代码mvc重要的三部分 (1)‌模型（Model）‌：负责存储系统的中心数据，提供访问数据的函数，封装了应用程序的功能内核。 (2)视图&…...

编程日记 2025/5/15 1:24:52

Kafka-创建topic源码

一、命令创建topic kafka-topics --create --topic quickstart-events --bootstrap-server cdh1:9092 --partitions 2 --replication-factor 2 二、kafka-topics脚本 exec $(dirname $0)/kafka-run-class.sh org.apache.kafka.tools.TopicCommand "$" 脚本中指定了…...

编程日记 2025/5/10 6:14:04

如何开展单元测试

1、是什么单元测试（Unit Testing）又称为模块测试，是针对程序模块来进行正确性检验的测试工作。程序模块是软件设计的最小单位，程序单元是应用的最小可测试部件 • 在面向过程编程中，一个单元就是单个程序、函数、过…...

编程日记 2025/5/13 21:14:10

网络练级宝典-＞ UDP传输层协议

目录传输层端口号端口号和进程的关系 UDP协议 UDP协议格式 UDP数据封装： UDP数据分用： 面向数据报 UDP的缓冲区 UDP的缺点基于UDP的应用层协议传输层端口号我们知道端口号对应的其实就是一个进程的pid，在操作系统中二者的…...

编程日记 2025/5/15 1:09:28

【Elasticsearch】07-ES聚合

1. 桶桶（Bucket）聚合：用来对文档做分组 TermAggregation：按照文档字段值分组，例如按照品牌值分组、按照国家分组Date Histogram：按照日期阶梯分组，例如一周为一组，或者一月为一组…...

编程日记 2025/5/12 5:39:39

Unity 画线（UILineRenderer）

实现以鼠标点击点作为起点创建UILineRenderer 并记录起点。 GameObject go new GameObject(); go.transform.parent transPaint; go.transform.localPosition Vector3.zero; line go.AddComponent<UILineRenderer>(); line.LineWidth widthLine; line.color col…...

编程日记 2025/5/6 3:42:17

【Linux测试题】

1. 选择题题目： 如果想将电脑中Windows C盘（hd1）安装在Linux文件系统的/winsys目录下，请问正确的命令是（）。选项： A. root104.123.123.123:~# mount dev/hd1 /winsys B. root104.123.123.12…...

编程日记 2025/3/23 7:16:37

什么是快速傅里叶变换？

一、FFT概念快速傅里叶变换（Fast Fourier Transform，FFT）是一种高效计算离散傅里叶变换（Discrete Fourier Transform，简称DFT）及其逆变换的算法。DFT和FFT都是音频处理、图像分析、振动分析、无线通信等许…...

编程日记 2025/5/14 23:57:56

android-studio开发第一个项目，并在设备上调试

恭喜你成功安装并配置好了 Android Studio！下面是开发你的第一个 Android 项目并在设备上调试的详细步骤： 1. 启动 Android Studio 首先，启动 Android Studio。你可以通过以下几种方式启动： 使用桌面快捷方式（如果已…...

编程日记 2025/5/9 21:42:34

深入浅出：php-学习入门全攻略

文章目录 1. 为什么选择 PHP？2. 安装 PHP 环境2.1 Windows 系统安装步骤 1：下载 PHP步骤 2：解压并配置步骤 3：配置环境变量步骤 4：验证安装 2.2 Mac 系统安装步骤 1：使用 Homebrew 安装步骤 2：验…...

编程日记 2025/5/14 1:56:17

Qml之基本控件

一.Qml常用控件 1.Text(显示普通文本和富文本) 1.1显示普通文本： Window { visible: true width: 320 height: 240 title: qsTr("Hello World") Text { text: "Hello World!" font.family: "Helvetica" font.pointSize: 24 color:…...

编程日记 2025/5/10 16:02:06

redis机制详解

RDB 快照机制在默认情况下，Redis 会将内存数据库的快照存储在名为 “dump.rdb” 的二进制文件中。同时，你可以通过相关设置，让 Redis 在满足特定条件时自动保存数据集。例如，设定 “save 60 1000”，意味着当在 60 秒内…...

编程日记 2025/5/12 13:03:56

【知识科普】Linux系统下用户权限体系

文章目录概述一、用户类型二、用户权限的组成三、权限的表示方法四、权限的修改方法五、特殊权限六、权限掩码（umask） 密码相关一、修改用户密码二、删除用户密码三、设置用户密码有效期四、查询用户密码信息五、密码策略配置 SSH远程访问1. 检查SSH服务…...

编程日记 2025/5/10 2:32:43

【数据结构】堆

目录一、堆二、堆的模拟实现 1.结构体 2.push 3.pop和top 三.实现堆排序 1.成堆算法 2.堆排序 heap模拟实现源码_gitee 一、堆分为大堆和小堆大堆是每个父节点都大于子节点，小堆则相反是每个父节点都小于子节点底层抽象结构是完全二叉树&#xff0…...

编程日记 2025/5/11 7:35:52

6.824/6.5840 Lab 1: MapReduce

宁静的夏天天空中繁星点点心里头有些思念思念着你的脸 ——宁夏完整代码见： https://github.com/SnowLegend-star/6.824 由于这个lab整体难度实在不小，故考虑再三还是决定留下代码仅供参考 6.824的强度早有耳闻，我终于也是到了挑战这座高…...

编程日记 2025/5/8 4:46:00

Day5：生信新手笔记 — R语言基本语法

一、数据类型 （重点只有两个，剩下的不看） 1.1 向量（vector） 矩阵（Matrix） 数组（Array） 1.2 数据框（Data frame） x<- c(1,2,3) #常用的向…...

编程日记 2025/5/11 0:06:51

lua download

https://www.lua.org/ https://www.lua.org/versions.html#5.4...

编程日记 2025/5/13 5:37:20

安装更新upgrade导致ubuntu崩溃

安装更新导致ubuntu崩溃前言uuid编不过，导致的崩溃记录一些ubuntu崩溃的过程。目前只有一个，以后遇到都放在这里，以提醒自己。前言如果从10000年看现在的linux，不是说不完美，而是糟透了。 linux的版本号&#xf…...

编程日记 2025/5/14 5:36:48

软件测试最新项目合集【商城、外卖、银行、金融等等.......】

项目一：ShopNC商城项目概况： ShopNC商城是一个电子商务B2C电商平台系统，功能强大，安全便捷。适合企业及个人快速构建个性化网上商城。包含PCIOS客户端Adroid客户端微商城，系统PC后台是基于ThinkPHP MVC构架开发的跨…...

编程日记 2025/5/13 10:36:01

【学习总结|DAY09】Java 流程控制与数据操作练习一：录入三位数并筛选符合条件的数字

一、主要代码： import java.util.Scanner;public class demo07 {public static void main(String[] args) {Scanner scanner new Scanner(System.in);System.out.print("请输入一个大于100的三位数：");int number scanner.nextInt();if (nu…...

编程日记 2025/4/30 19:01:58

“放弃Redis Desktop Manager使用Redis Insight”：日常使用教程(Redis可视化工具)

文章目录更新Redis Insight连接页面基础解释自动更新key汉化暂时没有找到方法， Redis Desktop Manager在连接上右键在数据库上右键在key上右键1、添加连接2、key过期时间参考文章更新 (TωT)ﾉ~~~ βｙё βｙё~ 现在在维护另一…...

编程日记 2025/5/12 17:45:31

使用lumerical脚本语言创建弯曲波导并进行数据分析（纯代码实现）

本文使用lumerical脚本语言创建弯曲波导、设置有限差分时域（FDTD）模拟、改变波导弯曲半径计算损耗、绘制图像展示电场强度分布情况及对具有不同弯曲半径的波导进行一系列模拟和分析操作（代码均有注释讲解）。一、创建弯曲波导 1.1 基本结构讲解（1）包层（Clad）在波导结…...

编程日记 2025/3/15 22:38:03

AC+AP漫游实验

实验拓扑实验要求 1.AP1服务vlan10，AP2服务vlan20，实现三层漫游 2.AP1与AP2为不同AP组，直接转发实验步骤 1.配置VLAN放行相关流量交换机与AP接口为trunk口并修改PVID为30 2.配置相关业务使得ap上线 3.配置vap上线，AP可用…...

编程日记 2025/5/13 20:00:45

七：仪表盘安装-controller node

一：工具、环境准备-controller node 二：OpenStack环境准备-controller node 三：安装服务-controller node 四：工具、环境准备-compute node 五：OpenStack环境准备-compute node 六：安装服务-compute node 七…...

编程日记 2025/5/12 8:52:23

pandas习题 067：小于 60 的部分列修改为 60

（编码题）修改以下名为 df 的 DataFrame 的值，将 Q1、Q2、Q3、Q4 列中小于 60 的分数修改为 60。 import pandas as pd# 示例数据 data = {name: [Alice, Bob, Charlie],...

编程日记 2025/4/29 16:46:18

Flutter 版本管理工具FVM

FVM是一款非常好用的Flutter版本管理工具。FVM官网： 下面是使用 FVM（Flutter Version Manager）管理 Flutter 版本的整个流程，包括安装、配置环境变量以及基本的使用步骤。 1. 安装 FVM FVM 可以通过多种方式安装，下…...

编程日记 2025/5/12 15:12:34

图学习GNN笔记

目录第一部分：预测分析中的图学习4.3 案例研究：图上的学习机器学习生命周期第二部分：图特征学习特征表示与嵌入为什么难以学习？ 第三部分：节点嵌入嵌入节点设置学习节点嵌入浅层编码如何定义节点相似性？ …...

编程日记 2025/5/13 2:27:48

装饰器—购物打折

from collections import namedtuple# 定义促销策略列表 promos []# 装饰器函数，用于注册促销策略 def promotion(promo_func):promos.append(promo_func)return promo_func# 促销策略1：忠诚度积分折扣 promotion def fidelity(order):""&quo…...

编程日记 2025/5/7 7:01:22

【Linux---10】本地机器＜=＞服务器文件互传

文章目录 1. 小文件互传2. 大文件互传 1. 小文件互传使用sz命令。说明：sz命令是ZModem文件传输协议的一部分，用于在Linux和Unix系统中，从本地系统发送（send）文件到远程系统。sz命令通常与rz命令（ZModem接…...

编程日记 2025/5/12 4:03:33

Mysql数据库基础篇笔记

目录 sql语句 DDL——数据库定义语言（定义库，表，字段） 数据库操作： 表操作： DML 增删改语句 DQL 语法编写顺序： 条件查询 DCL 用户管理： 权限管理： 函数常见字符串内置函…...

编程日记 2025/5/5 2:31:52

QT 实现QStackedWidget切换页面右移动画

1.实现效果以下是一个QStackedWidget，放了两个QPushButton在上面，点击切换不同的界面。为了方便查看动画特效，设置了每个界面的背景图片。 2.实现思路首先截取当前界面的图片，渲染到一个QLabel上，然后设置QPropertyAnimation动画，动画的作用对象就是这个QLabel，不断…...

编程日记 2025/5/13 5:38:43

RocketMQ rocketmq-tools管理主题

RocketMQ rocketmq-tools管理主题环境和软件版本增删改查环境和软件版本 Win10、IDEA、Jdk1.8、rocketmq 5.1.3、rocketmq-tools 5.1.3 引入依赖 <dependency><groupId>org.apache.rocketmq</groupId><artifactId>rocketmq-tools</artifactId&g…...

编程日记 2025/5/10 1:51:02

Docker 容器隔离关键技术：Seccomp

Docker 容器隔离关键技术：Seccomp 在 Docker 容器中，Seccomp（Secure Computing Mode） 是一种内核安全机制，用来限制容器内的程序可以调用哪些系统调用（Syscalls）。通过列清单的方式&#xff0c…...

编程日记 2025/5/11 17:40:05

2024年顶级小型语言模型前15名

本文，我们将深入了解2024年备受瞩目的十五款小型语言模型（SLMs），它们分别是Llama 3.1 8B、Gemma2、Qwen 2、Mistral Nemo、Phi-3.5等。这些SLMs以其精巧的体积和高效率著称，它们不需要依赖庞大的服务器资源&#xff0c…...

编程日记 2025/5/4 11:22:56

【大模型微调】pdf转markdown

目前市面上大部分都是pdf文档，要想转换成能训练的文本，调研了各种工具。觉得MinerU确实不错。参考此链接进行操作 MinerU/docs/README_Ubuntu_CUDA_Acceleration_en_US.md at master opendatalab/MinerU GitHub 需要注意的几个点： 1. 使用root账户安装的，配置文件在…...

编程日记 2025/5/12 17:44:12

【Nacos02】消息队列与微服务之Nacos 单机部署

Nacos 部署 Nacos 部署说明 Nacos 快速开始 Nacos 快速开始版本选择当前推荐的稳定版本为2.X Releases alibaba/nacos GitHuban easy-to-use dynamic service discovery, configuration and service management platform for building cloud native applications. - Re…...

编程日记 2025/5/12 11:22:38

相关文章：