夜间模式。

animation 动画地址  动画.css |CSS动画的跨浏览器库。 (animate.style)

浏览器深色模式

const darkMode = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
console.log(darkMode)
darkMode && darkMode.addEventListener("change", e => {
    console.log("颜色发生改变",e.matches);
    if(e.matches){
        dark=true;
    }else{
        dark=false;
    }
})

海市蜃楼

pointer-events: none; 

防止用户冲突

1. document.addEventListener("visibilitychange", function(){

2. document.title = document.hidden ? "用户离开了" : "用户回来了";

3. });

4. comon文件存token   事件来回切换   切记清除掉。