自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(230)
  • 收藏
  • 关注

原创 Express图片上传功能,包括数据库存储

这三个包是 Node.js 开发中非常常用的组合,特别适合构建需要文件上传和数据库存储的 Web 应用。

2025-12-31 14:38:08 315

原创 非常有用的CSS伪类focus-within

focus-within 是一个非常有用的CSS伪类,它允许你在元素自身或其任何子元素获得焦点时应用样式。

2025-12-24 11:13:20 201

原创 Vue2 和 Vue3 子传父

【代码】Vue2 和 Vue3 子传父。

2025-11-25 15:14:12 156

原创 服务器端UA检测

服务器端检测 - 避免客户端重定向导致的页面闪烁和SEO问题

2025-10-25 11:42:56 133

原创 Storage(存储)、Cookie(小型文本文件)和 Token(令牌) 的区别和作用

Token:像一张演唱会门票。它本身证明了你已经买过票(认证成功),你进场时(访问受保护资源)需要出示它,但它是一次性的或有时效性的,检票员(服务器)验证票的真伪即可,不需要知道你是谁。

2025-10-22 16:19:27 746

原创 HTML 实体起始符号详解

在 HTML/XML 中,某些字符有特殊含义。例如,符号 < 和 > 用于定义标签。

2025-10-22 12:01:05 402

原创 输入框内容粘贴时 &nbsp; 字符净化问题

要避免这种情况,核心思路是 在将内容放入输入框之前,对其进行“净化”处理。

2025-09-30 15:26:56 327

原创 宝塔申请ssl证书

申请成功后,页面上会出现一个 “强制HTTPS” 的开关或按钮。这样当用户访问你的 http:// 站点时,会自动跳转到 https:// 的安全链接。Let’s Encrypt 是免费、自动化、开放的证书颁发机构,非常适合个人网站、博客和小型项目。

2025-09-25 16:54:46 309

原创 在本地使用Node.js和Express框架来连接和操作远程数据库

创建一个models文件夹,并在其中创建User.jsname: {},phone: {});

2025-09-05 17:47:51 594

原创 在宝塔面板中修改MongoDB配置以允许远程连接

默认情况下,MongoDB确实只绑定在 127.0.0.1(本地回环地址)上,这是出于安全考虑。

2025-09-05 17:40:29 729

原创 Vue.prototype 的作用

在 Vue 3 中,可以使用 app.config.globalProperties 替代

2025-08-19 17:49:01 245

原创 “preinstall“: “npx only-allow pnpm“

这是一种轻量级的包管理器强制规范方案。

2025-08-16 15:01:24 797

原创 pnpm(Performant npm)的安装

npm install -g pnpm

2025-08-16 12:22:05 3901

原创 Vue 3 <script setup> 实现鼠标滚动触发圆形图像散开+放大效果

圆形在散开过程中会逐渐放大,轻微降低透明度

2025-08-02 17:43:35 158

原创 CSS设置元素的宽度根据其内容自动调整

width: fit-content 是 CSS 中的一个属性值,用于设置元素的宽度根据其内容自动调整,确保宽度刚好容纳内容而不会超出。

2025-06-09 13:31:24 1065

原创 Express项目解决跨域问题

如果前端仍遇到跨域问题,请检查浏览器控制台错误信息,确认响应头是否正确携带Access-Control-Allow-Origin。

2025-05-14 17:02:14 932

原创 使用 Vite 创建 Vue 3 项目并手动配置路由的完整步骤(路由404)

首先确保你已经安装了 Node.js(建议版本 16+)和 npm/yarn/pnpm。

2025-05-08 18:03:55 678

原创 MongoDB常用命令

显示所有数据库:show dbs

2025-04-22 11:28:37 424

原创 PM2模块

PM2 是一个流行的 Node.js 进程管理器,用于在生产环境中管理、监控和守护 Node.js 应用。

2025-04-18 16:16:28 877

原创 关于防火墙

通过规则(如IP地址、端口、协议等)允许或拦截流量。

2025-04-18 16:07:44 641

原创 JavaScript 数组迭代

reduce() - 从左到右对数组元素执行累加器函数

2025-04-02 10:32:04 465

原创 JavaScript 数组排序

reverse() - 反转数组元素的顺序(原地操作)

2025-04-02 10:11:05 260

原创 JavaScript 数组搜索

includes() - 判断数组是否包含某个元素,返回布尔值

2025-04-02 10:02:57 248

原创 JavaScript 数组方法

push() - 向数组末尾添加一个或多个元素

2025-04-02 09:41:21 443

原创 在 Windows 桌面上显示“此电脑”(或“我的电脑”)图标

右键桌面空白处,选择 “个性化”(或“个性化设置”)

2025-03-26 17:29:23 6399

原创 Windows系统中,通过局域网共享文件夹让同一路由器下的其他设备访问文件

查看计算机名称:返回桌面-鼠标右键-个性化-主页-系统-关于-设备名称。

2025-03-26 17:08:40 3442

原创 在 <script setup> 中使用 el-upload

通过 <script setup> 语法,代码更加简洁,适合 Vue 3 的项目开发。

2025-03-17 14:17:10 379

原创 查看全局安装包的位置

npm root -g

2025-03-10 16:24:25 500

原创 当鼠标悬停在图片上时,显示图片信息

<img src="example.jpg" alt="示例图片" title="这是一个示例图片的标题">

2025-02-24 17:02:08 271

原创 pointer-events属性

pointer-events属性是一个非常实用的CSS属性,它允许开发者控制元素对鼠标交互的响应。

2025-02-15 09:27:51 764

原创 鼠标悬浮到某个 <li> 元素时,将 hoverLiData 更新为当前 item 的 id

当鼠标悬浮到某个 <li> 元素上时,hoverLiData 的值将更新为当前悬浮的 item 的 id,并在模板中显示出来。

2025-02-14 10:22:17 343

原创 CSS实现与文字长度相同的下划线

可以使用伪元素和一些样式属性来实现与文字长度相同的下划线。

2025-02-13 15:07:54 530

原创 Vue 3 和 <script setup> 的组件,它使用 v-for 来渲染一个嵌套的菜单结构。

RecursiveMenu.vue是一个递归组件,它负责渲染菜单项和它们的子项。通过使用递归组件和条件渲染,这个模板能够灵活地处理任意深度的菜单结构。

2025-02-11 17:32:42 338

原创 点击一个元素页面返回顶部

当点击发生时,使用window.scrollTo方法将页面滚动回顶部,其中behavior: 'smooth'参数使得滚动是平滑的。

2025-02-11 14:10:59 429

原创 使用媒体查询确保网页能够在手机、平板和电脑上正常浏览

通过合理的媒体查询设置和弹性设计方法,可以确保网页在手机、平板和电脑上都能够正常浏览并提供良好的用户体验。

2025-02-06 11:46:16 877

原创 vue3中src的目录分析

这个结构是一个典型的Vue 3项目结构,根据你的项目需求,可以自由地调整目录和文件结构。重要的是保持代码的清晰和可维护性。

2025-01-24 14:13:41 828

原创 让图片填满 <div> 容器且不变形

object-fit 属性指定如何调整替换元素(比如图片或视频)的内容以适应其容器的高度和宽度,同时保持其宽高比。

2025-01-24 10:53:59 570

原创 vue3<script setup>中,页面滑动到一定距离添加动画效果

rect.top是元素顶部相对于视口顶部的距离,window.scrollY是视口相对于文档顶部的垂直滚动偏移量。

2025-01-23 09:22:10 242

原创 常见的显示器分辨率及其对应的像素数量

显示器的像素数量通常由其分辨率决定,分辨率表示为水平像素数乘以垂直像素数。

2025-01-03 17:19:07 12441

原创 Vue.js 的路由配置中,component 和 components 的区别

components用于在路由配置中指定具有多个视图的组件(Vue Router 3.x 中),或在父组件中局部注册多个子组件。

2025-01-02 11:21:56 925

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除