华安 - 博客园

getComputedStyle与currentStyle

摘要：大家好，又见面了，我是你们的朋友全栈君。本文参考https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle 1.简介 getComputedStyle是window下的一个全局函数，可以获取元素真正使用的样式。阅读全文

posted @ 2024-12-29 21:29 华安阅读(17) 评论(0) 推荐(0) 编辑

一文读懂offsetHeight/offsetLeft/offsetTop/offsetWidth/offsetParent

摘要：一、偏移量对于块级元素来说，offsetTop、offsetLeft、offsetWidth、offsetHeight描述了元素相对于offsetParent的边界框。偏移量：包括元素在屏幕上占用的所有空间，元素的可见大小有高度，宽度决定，包括所有的内边距，滚动条和边框大小(注意：不包含外边距) 阅读全文

posted @ 2024-12-29 21:24 华安阅读(19) 评论(0) 推荐(0) 编辑

javascript中 import 路径

摘要： import 路径 import {test} from './test'; 花括号 import {test} from './test'; import test from './test'; 如果有默认导出export default则可以省略花括号，且import的模块名是随意的，如： // 阅读全文

posted @ 2024-12-16 09:24 华安阅读(30) 评论(0) 推荐(0) 编辑

sql server 2008 r2 展开时报错:参数名:viewInfo ( Microsoft SqlServer Management SqlStudio Explorer )解决思路

摘要： HR服务器的数据库报了一个不常见的错误，记录下来分享给大伙，如果遇到同样的问题，希望可以得到解决。服务器环境：windows server 2008（64Bit）数据库版本：SQL server 2008 R2 错误提示：值不能为空。参数名: viewInfo (Microsoft.SqlSer 阅读全文

posted @ 2024-12-14 12:40 华安阅读(51) 评论(0) 推荐(0) 编辑

Post请求的两种编码格式：application/x-www-form-urlencoded和multipart/form-data

摘要：一、前端表单提交时 application/x-www-form-urlencoded 表单代码： <form action="http://localhost:8888/task/" method="POST"> First name: <input type="text" name="first 阅读全文

posted @ 2024-12-13 13:38 华安阅读(261) 评论(0) 推荐(0) 编辑

玩爆这些CSS中的负值技巧

摘要：使用负值 outline-offset 实现加号假设我们有这样一个简单的结构： <div></div> div { width: 200px; height: 200px; outline: 20px solid #000; outline-offset: 10px; }div { width: 阅读全文

posted @ 2024-12-09 09:21 华安阅读(13) 评论(0) 推荐(0) 编辑

html5中 MP4当作背景视频居中显示

摘要： .video-background { max-width: none !important; border: none; object-fit: cover; background-size: cover; opacity: 1; width: 100%; height: 100%; positi 阅读全文

posted @ 2024-12-05 17:40 华安阅读(6) 评论(0) 推荐(0) 编辑

SVG-path命令中大写和小写区别

摘要： 1、path中命令 d 属性定义了路径的路径数据，即路径命令序列。路径数据由一系列的路径命令组成，每个路径命令以字母开头，后面跟随一组数字参数。常用的路径命令包括： M（移动到）、 L（直线到）、 H（水平线到）、 V（垂直线到）、 C（三次贝塞尔曲线）、 S（光滑曲线）、 Q（二次贝塞尔曲线）、阅读全文

posted @ 2024-11-29 09:51 华安阅读(42) 评论(0) 推荐(0) 编辑

CSS3 超实用属性:pointer-events(可穿透图层的鼠标事件)

摘要： 1、是什么 pointer-events 直译为指针事件，该属性指定在什么情况下某个DOM可以成为鼠标事件的 target。简而言之，就是允许/禁止DOM的鼠标事件(click事件、hover事件、mouse事件等鼠标事件) 2、具体属性分析用法分析：pointer-events: auto | 阅读全文

posted @ 2024-11-16 10:45 华安阅读(210) 评论(0) 推荐(0) 编辑

移动端 html 关闭遮罩层时,禁止遮罩层下面层的控件获取焦点

摘要：在移动端开发中，当你想要在关闭遮罩层时阻止底部控件获得焦点，可以通过设置遮罩层的 touchAction 属性为 none 来禁止触摸事件，或者在遮罩层上添加一个透明的事件拦截层。以下是一个示例代码，展示了如何在关闭遮罩层时阻止底部控件获得焦点： HTML: <div id="overlay" s 阅读全文

posted @ 2024-11-16 09:55 华安阅读(21) 评论(0) 推荐(0) 编辑

huaan011