常用

字体

对于字体来说，不同系统之间最常使用的字体也不同，macOS 最常使用 PingFang SC，Windows 最常使用 Microsoft YaHei，而 Linux 最常使用 WenQuanYi Micro Hei。因此，全局 CSS 可以这么设置：

body {
    font-family: -apple-system, BlinkMaxSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC,
        Noto Hans CJK SC, WenQuanYi Micro Hei, sans-serif;
}

滚动条美化

/*全局滚动条样式*/
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
*::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 8px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    padding-right: 2px;
    box-shadow: inset 0 0 5px #9093994d;
    -webkit-box-shadow: inset 0 0 5px #9093994d;
    background: #9093994d;
}

输入框不允许输入特殊字符

const handleInput = (val) => {
    xxx = val.replace(
        /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·~！@#¥%……&*（）——\-+={}|《》？：“”【】、；‘’，。、～]/g,
        ''
    )
}