macOS-like Custom Start Page Full Version

A full version macOS-like start page with weather, to-do persistence, voice search, and responsive design

Автор
zengjinjin-WQ
Щоденних встановлень
0
Всього встановлень
9
Рейтинги
0 0 0
Версія
2.1
Створено
11.10.2024
Оновлено
11.10.2024
Size
12,9 кБ
Ліцензія
MIT
Відноситься до

主要功能

1. 时间显示
• 实时显示当前时间,并每秒更新。
2. 日期显示
• 显示当前日期(格式为日/月/年)。
3. 搜索功能
• 集成搜索框,支持多种搜索引擎(Google、Bing、DuckDuckGo)。
• 支持按回车键进行搜索。
• 支持语音搜索功能,使用浏览器的语音识别API。
4. 待办事项列表
• 支持添加、删除待办事项。
• 待办事项可通过点击删除。
• 清空待办事项的按钮。
• 自动保存待办事项到浏览器的 localStorage,实现持久化存储。
5. 天气信息
• 使用 OpenWeatherMap API 获取实时天气信息,显示用户当前位置的天气。
• 用户需启用位置权限。
6. 快捷链接
• 提供快速链接到常用网站的图标(如 Google、GitHub、Reddit)。
7. 主题切换
• 支持白天模式和夜间模式切换,用户可通过按钮实现。
• 切换状态会保存到 localStorage,确保下次访问时保持上次选择的主题。
8. 美观的 UI
• 使用现代化、简约的设计风格。
• 界面采用 macOS 风格,背景透明度、阴影效果和圆角设计提升视觉效果。
• 所有元素均具备良好的响应式设计,确保在手机、平板和桌面设备上均可良好显示。

技术细节

• HTML/CSS:自定义布局,使用 Flexbox 实现响应式设计。
• JavaScript:利用浏览器 API 实现时间更新、地理定位、localStorage 操作等功能。
• Web Speech API:用于语音识别,实现语音搜索功能。
• OpenWeatherMap API:用于获取天气信息。