自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 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 302

原创 git的下载与安装(Windows)

Git是一个功能强大、灵活高效的分布式版本控制系统。

2024-08-15 19:51:31 406

原创 nvm的下载和使用(Windows)

NVM是一个功能强大的Node.js版本管理工具,它允许用户在同一台机器上安装和切换多个版本的Node.js。

2024-08-13 18:24:18 436

原创 info There appears to be trouble with your network connection. Retrying...

建议检查当前node.js版本是否过低。

2024-08-08 13:37:09 1854

原创 yarn的淘宝镜像

Yarn的淘宝镜像(或更推荐使用的npmmirror.com镜像)是用于提升在中国大陆地区Yarn包下载速度的一种解决方案。

2024-08-08 13:26:19 770

原创 css鼠标悬浮添加蒙层

.item元素被悬停时,会在其上显示一个与其大小相同的半透明黑色遮罩层。

2024-08-05 18:19:21 136

原创 vue每次路由跳转前将页面滚动到顶部

使用router.beforeEach来在每次路由跳转前将页面滚动到顶部。

2024-08-01 16:32:32 490

原创 ✖ subject may not be empty [subject-empty]✖ type may not be empty [type-empty]✖ found 2 pro

这里,feat表示这是一个新功能(feature)的提交,home是影响的范围(即首页),添加首页功能是提交的具体描述。

2024-08-01 11:09:13 217

原创 pinia持久化存储(pinia-plugin-persistedstate)

pinia-plugin-persistedstate 旨在通过一致的 API 为每个人和每个项目中的 Pinia Store 提供持久化存储。

2024-07-29 11:24:42 287

原创 vue3使用pinia仓库解构赋值响应式丢失的解决方式

在使用 Pinia 时,为了确保状态的响应性,推荐使用storeToRefs来处理解构赋值的情况。

2024-07-29 10:51:40 300

原创 在 Vue 3 中router.push 携带参数的写法

router.push(`/user/${userId}`);

2024-07-25 09:00:00 233

原创 vue-router.js?v=408f3477:974 Uncaught Error: Catch all routes (“*“) must now be defined using a para

在 Vue Router 4 中,全局捕获(或称为“通配符”路由)的定义方式发生了改变。

2024-07-25 03:45:00 173

原创 在 <script setup> 中使用 <router-link> 传递参数

可以通过$route.query来访问这些参数:

2024-07-24 08:30:00 220

原创 router-link-active和router-link-exact-active

在Vue Router中,router-link-active是一个动态类名,用于表示当前激活的路由链接。

2024-07-24 07:45:00 360

原创 vue3<script setup>中插槽的使用

在中定义插槽,然后在父组件中通过或简写为#name来填充这些插槽。

2024-07-23 12:11:41 489

原创 css属性Clip-path

clip-path允许你定义一个元素的可视区域的剪切形状。

2024-07-23 10:11:35 946

原创 CSS 中border-radius 属性

虽然border-radius不能直接接受八个值作为其属性的一部分,但通过使用斜杠分隔的水平和垂直半径,可以为每个角提供两个值(总共八个值,但按对分组),以实现更复杂的圆角效果。

2024-07-20 18:05:02 584

原创 CSS中object-fit: cover;

当你使用这个值时,元素的内容(比如一张图片)会被缩放以完全覆盖元素的整个内容框(即元素指定的宽高区域),同时保持其宽高比。

2024-07-19 09:46:37 483

原创 vue3<script setup>中使用Swiper(抓手光标(190))

onMounted会在组件实例被成功挂载到DOM上后调用。这意味着,当组件的模板被渲染并添加到DOM中之后,onMounted中的代码将被执行。在这个阶段,你可以安全地访问和操作DOM元素,执行数据请求等副作用操作。

2024-07-18 16:21:22 256 1

原创 vue3<script setup>自定义指令

在Vue 3中使用TypeScript () 和 Composition API 创建一个自定义指令(v-color)以及使用该指令在模板中动态改变元素的颜色。

2024-07-11 10:55:21 524

原创 vue的指令修饰符

Vue 提供了多种内置指令,如v-bind、v-model、v-on等,这些指令都可以使用修饰符来扩展其功能。

2024-07-10 08:30:00 366

原创 Vue 3<script setup>使用v-for渲染数组中的元素,根据传入id删除数组元素(filter方法根据元素id过滤数组中的元素)

使用filter方法是一种非破坏性的方式来更新数组,因为它不会修改原始数组,而是返回一个新数组。这是Vue响应式系统所期望的,因为它依赖于新旧值的比较来触发更新。

2024-07-09 15:22:15 658

原创 Vue 3 <script setup> 使用v-bind(或简写为 :)来动态绑定图片的 src 属性

定义了一个名为images的响应式数组,用来存储图片的地址。currentIndex是一个响应式变量,用于跟踪当前应该显示哪张图片的索引。

2024-07-09 14:37:50 362

原创 JavaScript中array.from()

Array.from() 方法提供了一种清晰且简洁的方式来处理类数组对象和可迭代对象。

2024-07-05 07:30:00 245

原创 JavaScript中的reduce()

reduce() 方法是 JavaScript 数组(Array)对象的一个非常强大的方法,它允许你对数组中的每个元素执行一个由你提供的 reducer 函数(升序执行),将其结果汇总为单个返回值。

2024-07-04 11:15:31 267

原创 构造函数中的实例成员和静态成员

静态成员是直接绑定到构造函数本身而不是其实例上的属性和方法。这意味着静态成员不依赖于构造函数创建的任何对象实例。

2024-07-04 09:41:13 546

原创 JavaScript 中forEach()

forEach不返回任何值(即返回undefined),因此你不能像使用map或filter方法那样链式调用它。

2024-07-04 04:15:00 485

原创 JavaScript中arguments 对象与剩余参数(Rest Parameters)

虽然arguments看起来和数组很像,但它并不是一个真正的数组。在现代JavaScript开发中,推荐使用剩余参数来处理可变数量的参数,因为它提供了更清晰、更简洁的语法,并且返回的是一个真正的数组。

2024-07-03 10:16:07 564

原创 JavaScript中,函数提升(Function Hoisting)与临时死区

函数声明(Function Declarations)会被提升(hoisted)到其作用域的顶部,而函数表达式(Function Expressions)则不会被提升。

2024-07-03 09:45:56 347

原创 JavaScript中的闭包

闭包:内层函数 + 外部变量 ,外部函数可以使用内部函数的变量。

2024-07-02 17:38:25 184

原创 Snipaste截图工具的下载

快捷键F1截图 F3截图固定桌面 Esc退出

2024-07-02 11:06:56 289

原创 JavaScript中location对象的主要属性和方法

location是window对象的一个属性,它表示当前窗口的URL,并允许你进行URL的读取和修改。

2024-07-02 10:22:22 339

原创 Vue 3 的 <script setup> 语法糖中的e

标签的 @mousemove="moveData" 中,我们没有在 moveData 后面加上 (e)。这是因为在 Vue 3 的 中,Vue 会自动将事件对象作为第一个参数传递给事件处理函数。

2024-06-27 14:57:50 617

原创 404 Not Found(nginx)

这个配置是为了确保所有的前端路由(包括那些不存在的路径)都能正确地返回Vue应用的index.html文件。

2024-06-27 11:51:11 460

原创 CSS中 transform: scale , transform-origin 属性

transform属性允许你对元素进行 2D 或 3D 转换。scale()函数是transform属性的一个值,用于放大或缩小元素。

2024-06-25 11:57:05 511

原创 vue3路由配置

在 History 模式下,如果你的服务器没有正确配置,用户可能会在直接访问一个深层链接(如/user/123)时遇到 404 错误,因为服务器通常不知道如何响应这样的请求。

2024-06-24 11:14:12 1688

原创 vue3文件目录解析

assets:用于存放项目中需要导入的静态资源,如图片、字体文件等。

2024-06-24 10:11:00 497

原创 CSS动画实现让元素一直旋转

在CSS中,使用@keyframes动画和transform: rotate()属性来创建一个无限循环的旋转动画。

2024-06-20 04:45:00 1103

原创 CSS让元素内容超出两行用省略号隐藏

-webkit-line-clamp和相关的WebKit属性不是标准的CSS属性,尽管它们在大多数现代浏览器中都得到了支持。

2024-06-19 10:59:59 1090

原创 TypeScript中的泛型

泛型可以看作是一种类型参数化,允许你在声明时定义一个或多个类型占位符,并在使用组件时提供具体的类型。

2024-06-19 08:45:00 265

空空如也

空空如也

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

TA关注的人

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