2024年09月16日
首先我们要明白，为什么需要使用自定义tab栏
大家首先看一下uniapp关于原生tab跳转的api文档
https://uniapp.dcloud.net.cn/api/router.html#switchtab
大家可以清楚的看到，switchTab和navigateTo的差异为url后面是否可以携带参数
当我们在做一个简单的uniapp项目时，可能tab之间的切换，或者从其他页面前往tab页面的时候，不需要携带参数。但是，一旦我们需要携带参数跳转到tab页面的时候，原生的tab页面无法实现参数的携带。这个时候，我们就需要去构建一个通用的tab组件去实现它的跳转。并且，原生tab栏不支持你在上面做太多的样式拓展
2024年09月16日
昨天雷雨交加，燥热有所缓解。今晨空气清新，再加上马上三天小长假，心情很不错，祝各位小长假玩的开心。那么，今天就用CSS3做些“不正紧”的事：画八卦和爱心。
CSS3我们一般都是用来进行布局，在工作中很少会刻意去用它画画，毕竟这有点耗时间。
分析：它就是多个圆叠加的效果。
1、给body加个背景色，否则看不清八卦的白色部分：
2024年09月16日
在过去十年左右的时间里，浮动是布置复杂网页的唯一选择。因此，即使在旧版浏览器中，它们也得到了很好的支持，开发人员已经使用它们来构建数百万个网页。
flexbox “柔性框”或“弹性框”布局模式提供了浮动的替代方法，用于定义网页的整体外观。浮动仅允许我们水平放置箱子，而弹性框让我们完全控制箱子的对齐方式、方向、顺序和大小。
2024年09月16日
为了引出本文的主题，先看看这个问题，最快水平垂直居中一个元素的方法是什么？
水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了：
<div class="g-container">
<div class="g-box"></div>
</div>
.g-container {
display: flex;
}
.g-box {
margin: auto;
}
2024年09月16日
function fn(){
let a = 10; //变量a在fn函数内部定义 fn就是a的作用域 变量a被称为局部变量
}
fn();
?
console.log(a); //报错2024年09月16日
年初用Hugo搭建了个人博客，日常的一些想法和复盘都会记录在上面，写了大半年了，还是觉得博客不太能够满足个人的需求，博客虽然有标签、分类，也可以分享，但是没有那么的直观和好用。