- 博客(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
原创 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
原创 ✖ 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-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
原创 router-link-active和router-link-exact-active
在Vue Router中,router-link-active是一个动态类名,用于表示当前激活的路由链接。
2024-07-24 07:45:00 360
原创 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 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中的reduce()
reduce() 方法是 JavaScript 数组(Array)对象的一个非常强大的方法,它允许你对数组中的每个元素执行一个由你提供的 reducer 函数(升序执行),将其结果汇总为单个返回值。
2024-07-04 11:15:31 267
原创 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中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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人