本地存储与网页主题设置
本文主要介绍了一个名为Joe的网站,它具有以下特点:
localStorage.getItem("data-night") && document.querySelector("html").setAttribute("data-night", "night");
这一行代码用于判断是否已经从本地存储中获取了data-night
属性,如果已经获取到并且值为night
,则将其设置为data-night
属性。这一功能通常用于实现夜间模式或者暗黑模式的切换。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日。