自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css3—圆角渐变边框+透明背景色

* 确保内容不会溢出边框 */padding: 5px;/* 边框宽度 */<p>内容可见,背景透明。

2024-07-10 14:13:55 589

原创 map()函数的使用简介、举例说明、注意事项、常见错误

如果存在的数组元素改变了,那么传给callback的值是map访问该元素时的值。这样写只是增加了一个条件,即x的值为4时才乘以2,之所以会出现undefined,是因为map()方法创建了一个新数组,但新数组并不是在遍历完array1后才被赋值的,而是每遍历一次就得到一个值。map() 方法创建一个新数组,这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。根据规范中定义的算法,如果被map调用的数组是离散的,新数组将也是离散的保持相同的索引为空。2.使用 map 重新格式化数组中的对象。

2023-03-16 16:32:39 560

原创 forEach() 的使用

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。类似方法还有 map() 和 filter()

2023-03-16 16:26:34 96

原创 几个Vue 开发技巧

可能想到的方式是在创建生命周期中调用它一次,但这不是一种优雅的编写方式,所以也许我们可以使用这样的东西。在组件中使用 $route 会导致与其相应路由的高度耦合,通过将其限制为某些 URL 来限制组件的灵活性。$event 是事件对象的一个特殊变量,它在某些场景下为我们提供了更多的可用参数来实现复杂的功能。其实有一种简单的方法就是使用@hook 来监听组件的生命周期,而不需要在组件内部做任何改动。监听一个对象时,当对象内部的属性发生变化时,watch是不会被触发的,所以我们可以为它设置深度监听。

2023-03-02 22:45:00 64

原创 Vue中的路由与多种守卫

路由跳转时候默认为push,所以为push的时候可以进行后退前进操作,而replace直接就是替换掉之前的那个地址所以在replace的里面智慧存在一个地址,也就是当前所呈现的那个地址,就好比做核算,push是排队的人,replace是做核酸的医务人员。整个应用只有一个完整的页面。// 第二种写法,值为布尔值,若布尔值为真,就会把该路由组件收到的所有params參数,以props的形式传给Detail。// path: ‘detail/:id/:title’, // 使用占位符声明接收参数。

2023-03-02 20:30:00 125

原创 分享几个VUE项目用得上的JavaScript库

这是一个易于使用、高度可定制的 Vue.js 模态库,该库支持静态和动态两种类型的模态,静态是通过模板明确定义的,动态是根据传递给“显示模态”函数的配置生成的。它包括许多功能,如支持嵌套选项的单选和多选、模糊匹配、异步搜索、延迟加载(仅在需要时加载深层选项的数据)等等。表格是软件开发中最常用的组件之一,这是一个易于使用的强大数据表,具有高级自定义功能,包括排序、列过滤、分页、分组等。如果必须使用网格布局,那么这个库是一个很好的资源,该库用于根据网格类型无限排列包括内容的元素。

2023-03-02 13:45:47 54

原创 Vue.js 状态管理:Pinia 与 Vuex

好吧,我们将在本文中看看为什么一个是最好的。当我们安装 Pinia 时,它会自动挂接到我们的 Vue.js 开发工具,并让我们跟踪对我们的商店所做的更改,这让我们在 Vue.js 版本(Vue 2 和 Vue3)中获得流畅的开发人员体验。尽管如此,如果你需要所有列出的功能,例如 devtool 支持、TypeScript 支持和状态应用程序的轻松管理,那么 Pinia 是最好的解决方案——它为你提供流畅的开发体验。如果你的应用程序很广泛,你需要管理复杂的数据流,并且你有嵌套的组件,你可以使用 Vuex。

2023-03-02 13:15:11 199

原创 router封装

4.测试新建src\views\index\index.vue文件和在app.vue 使用2.在src下新建一个src\routers\index.js文件。3.在main.js文件中引入routers\index.js。

2022-08-23 16:20:17 336

空空如也

空空如也

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

TA关注的人

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