华安 - 博客园

使用 clip-path隐藏掉滚动条

摘要： clip-path: inset() 这里简单介绍一下。inset最多可以传4个参数，分别表示裁剪掉距离上、右、下、左的部分所以，要把滚动条隐藏就很简单了，只需要把下方的裁剪距离设置大于等于滚动条尺寸的值就行了，这里就用10px,譬如在容器的底部设置 : padding: 0px 0px 10px 阅读全文

posted @ 2025-06-16 16:52 华安阅读(2) 评论(0) 推荐(0)

nuxt3中配置 i18n

摘要： 1、将 @nuxtjs/i18n 安装为项目的开发依赖项： npx nuxi@latest module add @nuxtjs/i18n 此处 nuxt的版本与 i18n的版本一定要能匹配正确，否则会在 nuxt.config.ts会报错。错误大致为：对象字面量只能指定已知属性，不在类型'I 阅读全文

posted @ 2025-05-27 17:27 华安阅读(89) 评论(0) 推荐(0)

CSS中颜色 hsla表示

摘要：定义与用法 hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。 HSLA 即色相、饱和度、亮度、透明度（英语：Hue, Saturation, Lightness, Alpha ）。色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。饱和度（S）是指色彩的纯度，越高色彩阅读全文

posted @ 2025-05-23 08:44 华安阅读(24) 评论(0) 推荐(0)

详解filter与fixed冲突的原因及解决方案

摘要：问题描述当在 body 中使用了 filter 滤镜属性的时候，会导致 fixed 元素定位发生错误，即不再相对 viewport进行定位，而是相对整个网页（ body 元素）进行定位。 1 <html> 2 <head> 3 <title>css filter issue</title> 4 < 阅读全文

posted @ 2025-05-14 09:19 华安阅读(11) 评论(0) 推荐(0)

nuxt v3.17 创建新项目

摘要：打开一个终端（如果您使用 Visual Studio Code，可以打开一个集成终端），并使用以下命令创建一个新的启动项目： 1 npm create nuxt <项目名称> 由于国内的一些各种原因，有些网站我们不能访问，所以此代码会直接报错。我们只好请求国内的镜像： npm create nu 阅读全文

posted @ 2025-05-12 10:17 华安阅读(15) 评论(0) 推荐(0)

javascript中的 async与await

摘要：一、async 函数概述 1. async 函数的定义 async 函数是 JavaScript 中用来处理异步操作的一种声明方式，它的出现极大地简化了异步代码的编写。通过在函数前加上 async 关键字，我们可以将这个函数定义为异步函数，并允许在函数内部使用 await 来暂停函数的执行，等待异步阅读全文

posted @ 2025-05-09 16:32 华安阅读(53) 评论(0) 推荐(0)

css3中 justify-content、align-content、justify-items、justify-items使用区别

摘要： justify-content, align-content, 以及 align-items 这三个CSS属性都是Flex布局或Grid布局中的重要属性，它们分别用于控制容器内子元素的主轴对齐方式、交叉轴线对齐方式以及单行或多行子元素在交叉轴上的对齐方式。下面详细解释一下各自的区别： 1、justi 阅读全文

posted @ 2025-05-09 15:08 华安阅读(186) 评论(0) 推荐(0)

手机端去掉div点击时默认的背景色

摘要：在移动端开发中，有时候我们希望在用户点击div元素时，不要出现默认的背景色（通常是灰色或者蓝色，取决于浏览器和操作系统）。这通常是因为我们希望自定义的点击效果更加符合设计需求。以下是一些常用的方法来实现这个效果： 1 document.querySelectorAll('div').forEach( 阅读全文

posted @ 2025-04-29 14:13 华安阅读(14) 评论(0) 推荐(0)

flex布局，最后一行靠左显示

摘要： /* 设置为伸缩盒子 */ /* display: flex;*/ /* 设置主轴方向 */ /* flex-direction: row; */ /* 竖立显示 */ /* flex-direction: column; */ /* flex-direction: row-reverse; */ 阅读全文

posted @ 2025-04-28 09:14 华安阅读(9) 评论(0) 推荐(0)

若依框架中Vue前端上线部署总结

摘要：最近在整理供应商帮开发的一套软件，后台用的是若依框架。由于以前完全没接触过这个框架，摸索加总结终于完成了部署上线： 1 server { 2 listen 85; 3 server_name 103.170.5.151 192.168.168.242 dvh.idmt.com.cn; 4 root 阅读全文

posted @ 2025-04-14 14:12 华安阅读(47) 评论(0) 推荐(0)

huaan011