1.2k 字 1 分钟

# 在 base.css 中加入该样式

# 一、样式一【推荐】

box-shadow 方式

::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  border: 1px solid rgb(0 0 0 / 0%);
  border-radius: 10px;
  box-shadow: 6px 0 0 #e3e3e3 inset;
}
::-webkit-scrollbar-thumb:hover {
  box-shadow: 6px 0 0 #e3e3e3 inset;
}
# 二、样式二
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: none;
  /* background: rgb(239, 239, 239); */
}
::-webkit-scrollbar-thumb {
  background: #999999; /* #bfbfbf */
  border-radius: 10px;
}
# 三、样式三
/* 全局滚动条样式 */
::-webkit-scrollbar {
    width: 5px;
    height: 14px;
}
 
 ::-webkit-scrollbar-thumb {
/* background-color: #01c8dc;
border-radius: 3px; */
    background-color: #b6b6b6;
}
/* 全局滚动条样式结束 */
   804 字  1 分钟
很多人都知道，使用 css 的::-webkit-scrollbar 可以定义浏览器滚动条的样式，但是这种方法在火狐浏览器下是无效的。
实际上火狐浏览器提供了两个独有的属性来定义滚动条样式，只有两个，总比没有强吧！
   3.5k 字  3 分钟
# 属性选择器
属性选择器的标准语法如下：
E[attribute]
{
	属性:属性值;
	属性:属性值;
}
  • E 代表元素
  • attribute 代表属性
   169 字  1 分钟
在全局或需要的地方加入如下 css -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray(100%);
   1.5k 字  1 分钟
# 安装：
npm install -g json-server
# 创建一个 db.json 文件
整个文件相当于一个数据库，每一个属性相当于一个表是一个数组，它里面的每个对象代表一条数据，* 切记里面的每个对象都要有 id，不写他就会自动生成 *
{
  "posts": [
    { "id": 1, "title": "json-server", "author": "typicode" }
  ],
  "comments": [
    { "id": 1, "body": "some comment", "postId": 1 }
  ],
  "profile": { "name": "typicode" }
}
   1.8k 字  2 分钟
一直以来，书写 css 都是率性所为，没有遵循一定的规范；俗话说：没有规矩，不成方圆。造成了代码可读性极差，导致了网站后期维护非常困难。
   7.5k 字  7 分钟
# 1. onClickOutside
检测点击非常简单。但是，当点击发生在一个元素之外时，如何检测？那就有点棘手了。但使用 VueUse 中的 onClickOutside 组件就很容易能做到这点。
img
   15k 字  14 分钟
45 个日常用 git 合代码的经典操作场景，基本覆盖了工作中的需求。
# 我刚才提交了什么？
如果你用 git commit -a 提交了一次变化 (changes)，而你又不确定到底这次提交了哪些内容。你就可以用下面的命令显示当前 HEAD 上的最近一次的提交 (commit):
(main)$ git show
或者
$ git log -n1 -p