html智能网页工作便签(简单、轻便、快捷)

1次阅读

html 智能网页工作便签(简单、轻便、快捷)

html 智能网页工作便签(简单、轻便、快捷) html 智能网页工作便签(简单、轻便、快捷)
功能说明
便笺显示:默认设置便签按创建日期倒序显示(最新的便签在最前面)
主题选择:支持消息通知(toast 通知)
红色主题 – 激情、活力,适合需要强调重要事项的场景
青色主题 – 清新、科技感,适合程序员和技术工作者
琥珀色主题 – 温暖、明亮,适合创意工作者
靛蓝色主题 – 专业、深邃,适合商务用途
玫瑰色主题 – 温柔、浪漫,适合个人笔记
青绿色主题 – 时尚、潮流,年轻化设计
导入数据:粘贴 json 数据
导出数据:json 数据格式
完成操作:作为工作任务时,可进行完成操作,或一键所有任务完成。

// 加载保存的主题  function loadTheme() {const savedTheme = localStorage.getItem(THEME_KEY);  if (savedTheme) {currentTheme = savedTheme;  document.body.className = savedTheme;  document.getElementById('theme-select').value = savedTheme;  }  }    // 切换主题  function switchTheme(theme) {document.body.className = theme;  currentTheme = theme;  localStorage.setItem(THEME_KEY, theme);  document.getElementById('theme-select').value = theme;  showToast('主题已切换!');  }  ……  // 从本地存储获取便签数据  function getNotesFromStorage() {const notesJSON = localStorage.getItem(STORAGE_KEY);  const notes = notesJSON ? JSON.parse(notesJSON) : [];    // 确保每个便签都有 completed 属性  return notes.map(note => ({  ……note,  completed: note.completed || false}));  }    // 保存便签到本地存储  function saveNotesToStorage(notes) {localStorage.setItem(STORAGE_KEY, JSON.stringify(notes));  }  ……

下载地址:https://pan.quark.cn/s/5d19d8eb3710

星耀云
版权声明:本站原创文章,由 星耀云 2025-12-03发表,共计1010字。
转载说明:转载本网站任何内容,请按照转载方式正确书写本站原文地址。本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。
text=ZqhQzanResources