- 博客(218)
- 收藏
- 关注
RSS订阅原创 Express项目解决跨域问题
如果前端仍遇到跨域问题，请检查浏览器控制台错误信息，确认响应头是否正确携带Access-Control-Allow-Origin。
2025-05-14 17:02:14
385
原创 使用 Vite 创建 Vue 3 项目并手动配置路由的完整步骤（路由404）
首先确保你已经安装了 Node.js（建议版本 16+）和 npm/yarn/pnpm。
2025-05-08 18:03:55
268
原创 Windows系统中，通过局域网共享文件夹让同一路由器下的其他设备访问文件
查看计算机名称：返回桌面-鼠标右键-个性化-主页-系统-关于-设备名称。
2025-03-26 17:08:40
1275
原创 在 ＜script setup＞ 中使用 el-upload
通过 <script setup> 语法，代码更加简洁，适合 Vue 3 的项目开发。
2025-03-17 14:17:10
279
原创 鼠标悬浮到某个 ＜li＞ 元素时，将 hoverLiData 更新为当前 item 的 id
当鼠标悬浮到某个 <li> 元素上时，hoverLiData 的值将更新为当前悬浮的 item 的 id，并在模板中显示出来。
2025-02-14 10:22:17
273
原创 Vue 3 和 ＜script setup＞ 的组件，它使用 v-for 来渲染一个嵌套的菜单结构。
RecursiveMenu.vue是一个递归组件，它负责渲染菜单项和它们的子项。通过使用递归组件和条件渲染，这个模板能够灵活地处理任意深度的菜单结构。
2025-02-11 17:32:42
236
原创 点击一个元素页面返回顶部
当点击发生时，使用window.scrollTo方法将页面滚动回顶部，其中behavior: 'smooth'参数使得滚动是平滑的。
2025-02-11 14:10:59
352
原创 使用媒体查询确保网页能够在手机、平板和电脑上正常浏览
通过合理的媒体查询设置和弹性设计方法，可以确保网页在手机、平板和电脑上都能够正常浏览并提供良好的用户体验。
2025-02-06 11:46:16
688
原创 vue3中src的目录分析
这个结构是一个典型的Vue 3项目结构，根据你的项目需求，可以自由地调整目录和文件结构。重要的是保持代码的清晰和可维护性。
2025-01-24 14:13:41
679
原创 让图片填满 ＜div＞ 容器且不变形
object-fit 属性指定如何调整替换元素（比如图片或视频）的内容以适应其容器的高度和宽度，同时保持其宽高比。
2025-01-24 10:53:59
344
原创 vue3＜script setup＞中，页面滑动到一定距离添加动画效果
rect.top是元素顶部相对于视口顶部的距离，window.scrollY是视口相对于文档顶部的垂直滚动偏移量。
2025-01-23 09:22:10
154
原创 Vue.js 的路由配置中，component 和 components 的区别
components用于在路由配置中指定具有多个视图的组件（Vue Router 3.x 中），或在父组件中局部注册多个子组件。
2025-01-02 11:21:56
693
原创 基本的Express服务器，包含两个路由处理函数，以及一个日志记录功能
当使用fs.appendFileSync时，如果文件无法写入（例如，由于权限问题或磁盘空间不足），它将抛出一个异常。在生产环境中，应该处理这些潜在的错误，例如通过记录错误到另一个日志文件或发送错误通知。
2024-11-04 03:45:33
165
原创 使用Node.js内置的http模块创建简单的HTTP服务器，并根据请求的路径返回不同的文本响应。
实现一个简单的HTTP服务器，它只处理GET请求，并根据请求的路径返回不同的文本响应。对于非GET请求，服务器会返回“Method Not Allowed”的响应。
2024-10-30 00:42:24
652
原创 JavaScript 中，global 和 globalThis
在编写跨环境的 JavaScript 代码时，推荐使用globalThis以确保代码的一致性和可移植性。
2024-10-24 17:43:09
731
原创 CSS预处理器LESS
LESS是一种CSS预处理器，它扩展了CSS的功能，通过引入变量、嵌套规则、Mixins（混合）、函数等特性，使得CSS的编写更加灵活和高效。
2024-09-28 22:47:40
641
原创 vue3＜script setup＞中computed
在 Vue 3 中我们会借助import { computed } from 'vue'来引入computed函数。
2024-09-24 02:24:36
575
原创 vue3＜script setup＞中toref()和torefs()
toRef和toRefs可以保持对原始响应式对象的响应性，同时允许你以解构的方式使用这些对象的属性，而不会丢失响应性。
2024-09-23 04:52:41
570
原创 vue3＜script setup＞中使用reactive包裹的对象被重新赋值失去响应式原因和解决方式
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，它会返回目标对象。
2024-09-23 04:21:22
1334
原创 vue2，3生命周期
setup函数是 Vue 3 中 Composition API 的入口点。它在组件的beforeCreate和created钩子函数之前被调用，是组件中使用 Composition API 的第一个函数。在setup函数中，你可以定义响应式数据、计算属性、生命周期钩子等。
2024-09-15 06:44:29
1626
2
原创 Element UI的＜el-table＞组件中，在表格中添加“删除”和“修改”按钮
#default="{row}"作用域插槽被用来定义自定义列的内容。在这个插槽内部，可以通过row参数访问当前行的数据，包括id。
2024-09-03 22:32:49
459
1
原创 在Element UI的＜el-table＞组件中，点击子元素不触发父级事件
@click.stop="handleClickButton(row)"，其中.stop修饰符用于阻止事件冒泡。
2024-09-03 22:17:50
839
1
原创 yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwl
在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
2024-08-16 00:55:17
1867
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人