前端

h5 IOS微信浏览器input输入账号键盘闪烁

问题 由项目需求 只能在手机微信浏览打开h5页面 在登录界面。输入账号时,ios手机软键盘反复闪烁 原因 因为微信浏览器的重绘行为; 简单理解就是,自ios11开始,苹果手机的浏览器就有了自动填充密码的功能, 具体来说就是一个手机号密码登录的页面,ios识别到当前页面有密码输入框,所以触发了自动填充密码的功能。 解决方案 autoComplete="off" 和 autoComplete="n

彻底搞懂盒子模型

一、简述 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:Margin外边距,Border边框,Padding内边距,和Content实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model): 盒

react hooks深拷贝后无法保留视图状态

在使用useState做数据操作更新的时候,有一些复杂数据类型,一个对象数组里包含,函数,dom等等复杂数据类型,想要进行数据更新,并且视图更新的情况下,因useState的特性就必须进行深拷贝赋值。 方式 1、JSON.stringify配合JSON.parse 这个有限制,我们的数据类型包含,函数。它会丢失 2、Lodash 里的深拷贝方法 3、递归实现 我这里通过递归直接写的方法,发现拷贝

IntelliJ IDEA 打包 Web 项目 WAR 包(含 Tomcat 部署+常见问题解决)

一、引言对于 IntelliJ IDEA 新手来说,Web 项目 WAR 包打包常因步骤多、配置深而卡壳,且多数教程仅讲“打包”却忽略“部署验证”和“问题排查”。本文将从前置准备→核心配置→打包验证→Tomcat 部署→问题解决,带你完整走通流程,避开 90% 的常见坑。 二、前置准备:确认基础配置(避免起步就错

【前端速成】别再说不懂前端了!Java后端开发者30分钟搞定HTML+CSS知识

🎬 博主名称:超级苦力怕 🔥 个人专栏: 《Java漫漫学习路》 🚀每一次思考都是突破的前奏,每一次复盘都是精进的开始! 前言 大家好,我是超级苦力怕,一名Java后端开发者。为了打破技术壁垒、提升协作效率与竞争力,因此学习了前端知识&#xff0c

JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些?

image.png 一、介绍 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同 回顾下上文提到的解决异步的手段: 回调函数 promise 那么,上文我们提到 promsie 已经是一种比较流行的解决异步方案,那么为什么还出现 Generator?甚至 async/await 呢? 该问题我们留在后面再进行分析,下面先认识下 Generat

基于开源做的图片压缩工具

软件介绍这是一款开源在GitHub上的项目,项目名字是:mageMinify该软件是一款用Python开发的跨平台图片压缩工具,专注于提供简单易用的界面和高效的压缩效果。它支持多种图片格式,可以单独处理文件或批量处理整个目录,并提供格式转换、文件重命名和详细统计等功能,采用优化的压缩算法,特别是对P

HarmonyOS ArkWeb 系列之自定义软键盘:onInterceptKeyboardAttach 完整实现

文章目录 大白话讲原理 流程图 完整示例 HTML 配置示例 WebKeyboardController API 速查 网页里的输入框获取焦点,系统会弹出默认软键盘。如果你想换成自定义键盘,或根据 HTML 元素属性动态决定用哪种键盘,onInterceptKeyboardAttach 就是你需要的。 大白话讲原理默认&#xff1