HTML水平垂直居中
# 一、 负外边居中
/* 省略了尺寸的设置,侧重了重点,读者可以把部分内容加上 */ | |
.main{/* 父元素 */ | |
position: relative; | |
} | |
.child{/* 子元素 */ | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
margin-left: /* 负的自身宽度一半 */ | |
margin-top: /* 负的自身高度一半 */ | |
} |
/* 省略了尺寸的设置,侧重了重点,读者可以把部分内容加上 */ | |
.main{/* 父元素 */ | |
position: relative; | |
} | |
.child{/* 子元素 */ | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
margin-left: /* 负的自身宽度一半 */ | |
margin-top: /* 负的自身高度一半 */ | |
} |
本文的目的,是为了让已经有 Vue2 开发经验的 人 ,快速掌握 Vue3 的写法。
因此, 本篇假定你已经掌握 Vue 的核心内容 ,只为你介绍编写 Vue3 代码,需要了解的内容。
在 Vue 3 中设置具有多个动态参数的动态路由,可以通过 Vue Router 的 routes
配置来实现。以下是具体的步骤和示例代码:
动态路由是指在路由路径中使用冒号 :
来定义参数,这些参数可以在组件内通过 this.$route.params
访问。多个动态参数意味着路由路径中可以有多个这样的参数。
/user/:id
/user/:id/profile/:profileId
当需要根据不同的参数展示不同的内容时,可以使用动态路由。例如,一个用户管理系统,可能需要根据用户 ID 和用户的个人资料 ID 来展示不同的信息。
Immer 是 mobx 的作者写的一个 immutable 库,核心实现是利用 ES6 的 proxy,几乎以最小的成本实现了 js 的不可变数据结构,简单易用、体量小巧、设计巧妙,满足了我们对 JS 不可变数据结构的需求。
无奈网络上完善的文档实在太少,所以自己写了一份,本篇文章以贴近实战的思路和流程,对 Immer 进行了全面的讲解。
我是一名程序员,以前知识整理都是整理在为知笔记上,博客用的比较少,更别说是使用独立博客,因为不会。。。
2017 年偶然的机会萌发了自己要搭建一个属于自己的独立博客的想法,于是就有了下面的这些。