本地存储与网页主题设置

本文主要介绍了一个名为Joe的网站,它具有以下特点:

  1. localStorage.getItem("data-night") && document.querySelector("html").setAttribute("data-night", "night"); 这一行代码用于判断是否已经从本地存储中获取了data-night属性,如果已经获取到并且值为night,则将其设置为data-night属性。这一功能通常用于实现夜间模式或者暗黑模式的切换。

  2. window.Joe = { ... } 这一行代码定义了一个名为Joe的对象,其中包含了一些与主题相关的属性和配置信息。

  • THEME_URL:主题文件的下载地址,这里指向的是博客网站xxkid的自定义Joe主题。

  • BASE_API:API的基本请求地址,这里指向的是博客网站xxkid的Joe API。

  • DYNAMIC_BACKGROUND:动态背景的开关,设置为off表示关闭动态背景功能。

  • WALLPAPER_BACKGROUND_PC:桌面壁纸的PC版本,这里留空表示暂时不设置。

  • IS_MOBILE:检测当前设备是否为移动设备的正则表达式,通过测试用户代理字符串来判断。

  • BAIDU_PUSH:百度推送的相关配置,设置为true表示启用百度推送。

  • DOCUMENT_TITLE:文档标题,这里留空表示使用默认标题。

  • LAZY_LOAD:懒加载图片的占位图地址,这里指向的是Element UI框架中typecho-joe-next组件的懒加载图标。

  • BIRTHDAY:博主生日,这里设定为2018年5月21日。