网站介绍
这个网站是一个主题为Joe的个人博客网站。它使用了HTML5、CSS3和JavaScript等技术,并使用localStorage来存储用户的夜间模式设置。此外,该网站还使用了百度推送服务(Baidu Push)来实现实时通知功能。
功能模块
- 夜间模式:通过
localStorage.getItem("data-night")
判断用户是否已经启用夜间模式,如果启用则将<html>
元素的data-night
属性设置为"night"
。 - 主题下载:提供了Joe主题的下载链接,用户可以根据需要选择相应的主题进行下载。
- API接口:提供了与后端服务器通信的API接口地址,用于处理前端页面的数据请求和交互操作。
- 动态背景:默认关闭了动态背景功能,但用户可以选择开启或关闭此功能。
- 手机设备检测:通过正则表达式检测用户的浏览器是否为Windows Phone、iPhone或Android平台。
- 百度推送:集成了百度推送服务,实现了实时通知的功能,方便读者获取到最新的文章更新和通知信息。
- 文档标题:用于显示当前网页的文档标题。
- 懒加载图片:引入了懒加载图片技术,可以提高网页加载速度和用户体验。
- 生日提醒:记录了作者的出生日期,并在特定日期自动显示生日祝福语。
API接口说明
以下是一些常用的API接口:
THEME_URL
:主题下载地址,用于返回Joe主题的下载链接。BASE_API
:后端API接口的基础地址,用于处理数据请求和交互操作。DYNAMIC_BACKGROUND
:是否开启动态背景功能的开关,取值为on
或off
,默认为off
。WALLPAPER_BACKGROUND_PC
:桌面壁纸背景图片的URL地址,仅在PC端显示。IS_MOBILE
:检测当前设备是否为移动设备的正则表达式对象,用于判断设备类型。BAIDU_PUSH
:百度推送服务的开关状态,取值为true
或false
,默认为true
。DOCUMENT_TITLE
:当前网页的文档标题。LAZY_LOAD
:懒加载图片的占位图URL地址。BIRTHDAY
:作者的出生日期字符串。
以上是关于该网站的基本介绍和功能模块的说明,希望能对您有所帮助!