- 博客(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
原创 Storage(存储)、Cookie(小型文本文件)和 Token(令牌) 的区别和作用
Token:像一张演唱会门票。它本身证明了你已经买过票(认证成功),你进场时(访问受保护资源)需要出示它,但它是一次性的或有时效性的,检票员(服务器)验证票的真伪即可,不需要知道你是谁。
2025-10-22 16:19:27
746
原创 宝塔申请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
原创 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
原创 Windows系统中,通过局域网共享文件夹让同一路由器下的其他设备访问文件
查看计算机名称:返回桌面-鼠标右键-个性化-主页-系统-关于-设备名称。
2025-03-26 17:08:40
3442
原创 在 <script setup> 中使用 el-upload
通过 <script setup> 语法,代码更加简洁,适合 Vue 3 的项目开发。
2025-03-17 14:17:10
379
原创 鼠标悬浮到某个 <li> 元素时,将 hoverLiData 更新为当前 item 的 id
当鼠标悬浮到某个 <li> 元素上时,hoverLiData 的值将更新为当前悬浮的 item 的 id,并在模板中显示出来。
2025-02-14 10:22:17
343
原创 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
原创 Vue.js 的路由配置中,component 和 components 的区别
components用于在路由配置中指定具有多个视图的组件(Vue Router 3.x 中),或在父组件中局部注册多个子组件。
2025-01-02 11:21:56
925
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅