- 博客(187)
- 收藏
- 关注
原创 CSS预处理器LESS
LESS是一种CSS预处理器,它扩展了CSS的功能,通过引入变量、嵌套规则、Mixins(混合)、函数等特性,使得CSS的编写更加灵活和高效。
2024-09-28 22:47:40 535
原创 vue3<script setup>中computed
在 Vue 3 中我们会借助import { computed } from 'vue'来引入computed函数。
2024-09-24 02:24:36 282
原创 vue3<script setup>中toref()和torefs()
toRef和toRefs可以保持对原始响应式对象的响应性,同时允许你以解构的方式使用这些对象的属性,而不会丢失响应性。
2024-09-23 04:52:41 426
原创 vue3<script setup>中使用reactive包裹的对象被重新赋值失去响应式原因和解决方式
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象,它会返回目标对象。
2024-09-23 04:21:22 1003
原创 vue2,3生命周期
setup函数是 Vue 3 中 Composition API 的入口点。它在组件的beforeCreate和created钩子函数之前被调用,是组件中使用 Composition API 的第一个函数。在setup函数中,你可以定义响应式数据、计算属性、生命周期钩子等。
2024-09-15 06:44:29 1458 1
原创 Element UI的<el-table>组件中,在表格中添加“删除”和“修改”按钮
#default="{row}"作用域插槽被用来定义自定义列的内容。在这个插槽内部,可以通过row参数访问当前行的数据,包括id。
2024-09-03 22:32:49 220
原创 在Element UI的<el-table>组件中,点击子元素不触发父级事件
@click.stop="handleClickButton(row)",其中.stop修饰符用于阻止事件冒泡。
2024-09-03 22:17:50 541
原创 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 561
原创 nvm的下载和使用(Windows)
NVM是一个功能强大的Node.js版本管理工具,它允许用户在同一台机器上安装和切换多个版本的Node.js。
2024-08-13 18:24:18 515
原创 info There appears to be trouble with your network connection. Retrying...
建议检查当前node.js版本是否过低。
2024-08-08 13:37:09 4569
原创 yarn的淘宝镜像
Yarn的淘宝镜像(或更推荐使用的npmmirror.com镜像)是用于提升在中国大陆地区Yarn包下载速度的一种解决方案。
2024-08-08 13:26:19 1366
原创 ✖ 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 352
原创 pinia持久化存储(pinia-plugin-persistedstate)
pinia-plugin-persistedstate 旨在通过一致的 API 为每个人和每个项目中的 Pinia Store 提供持久化存储。
2024-07-29 11:24:42 373
原创 vue3使用pinia仓库解构赋值响应式丢失的解决方式
在使用 Pinia 时,为了确保状态的响应性,推荐使用storeToRefs来处理解构赋值的情况。
2024-07-29 10:51:40 470
原创 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 200
原创 router-link-active和router-link-exact-active
在Vue Router中,router-link-active是一个动态类名,用于表示当前激活的路由链接。
2024-07-24 07:45:00 465
原创 CSS 中border-radius 属性
虽然border-radius不能直接接受八个值作为其属性的一部分,但通过使用斜杠分隔的水平和垂直半径,可以为每个角提供两个值(总共八个值,但按对分组),以实现更复杂的圆角效果。
2024-07-20 18:05:02 671
原创 CSS中object-fit: cover;
当你使用这个值时,元素的内容(比如一张图片)会被缩放以完全覆盖元素的整个内容框(即元素指定的宽高区域),同时保持其宽高比。
2024-07-19 09:46:37 637
原创 vue3<script setup>中使用Swiper(抓手光标(190))
onMounted会在组件实例被成功挂载到DOM上后调用。这意味着,当组件的模板被渲染并添加到DOM中之后,onMounted中的代码将被执行。在这个阶段,你可以安全地访问和操作DOM元素,执行数据请求等副作用操作。
2024-07-18 16:21:22 300 1
原创 vue3<script setup>自定义指令
在Vue 3中使用TypeScript () 和 Composition API 创建一个自定义指令(v-color)以及使用该指令在模板中动态改变元素的颜色。
2024-07-11 10:55:21 580
原创 Vue 3<script setup>使用v-for渲染数组中的元素,根据传入id删除数组元素(filter方法根据元素id过滤数组中的元素)
使用filter方法是一种非破坏性的方式来更新数组,因为它不会修改原始数组,而是返回一个新数组。这是Vue响应式系统所期望的,因为它依赖于新旧值的比较来触发更新。
2024-07-09 15:22:15 736
原创 Vue 3 <script setup> 使用v-bind(或简写为 :)来动态绑定图片的 src 属性
定义了一个名为images的响应式数组,用来存储图片的地址。currentIndex是一个响应式变量,用于跟踪当前应该显示哪张图片的索引。
2024-07-09 14:37:50 470
原创 JavaScript中的reduce()
reduce() 方法是 JavaScript 数组(Array)对象的一个非常强大的方法,它允许你对数组中的每个元素执行一个由你提供的 reducer 函数(升序执行),将其结果汇总为单个返回值。
2024-07-04 11:15:31 320
原创 JavaScript 中forEach()
forEach不返回任何值(即返回undefined),因此你不能像使用map或filter方法那样链式调用它。
2024-07-04 04:15:00 520
原创 JavaScript中arguments 对象与剩余参数(Rest Parameters)
虽然arguments看起来和数组很像,但它并不是一个真正的数组。在现代JavaScript开发中,推荐使用剩余参数来处理可变数量的参数,因为它提供了更清晰、更简洁的语法,并且返回的是一个真正的数组。
2024-07-03 10:16:07 583
原创 JavaScript中,函数提升(Function Hoisting)与临时死区
函数声明(Function Declarations)会被提升(hoisted)到其作用域的顶部,而函数表达式(Function Expressions)则不会被提升。
2024-07-03 09:45:56 358
原创 JavaScript中location对象的主要属性和方法
location是window对象的一个属性,它表示当前窗口的URL,并允许你进行URL的读取和修改。
2024-07-02 10:22:22 370
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人