讨论

响应式待办事项应用,支持完整增删改查及本地存储

来自 Wikiprompt,自由的提示词百科全书

Fatih Kadir Akın

2025年12月11日

响应式待办事项应用,支持完整增删改查及本地存储 一个全面的提示,用于构建功能丰富的待办事项应用,包含增删改查、分类、优先级、截止日期、本地存储、搜索、拖放、响应式设计和主题切换。

提示词内容收藏

🌐
创建一个响应式待办事项应用,使用HTML5、CSS3和原生JavaScript。应用应具有现代、简洁的UI,采用CSS Grid/Flexbox布局,并提供直观的控制。实现完整的CRUD功能(添加/编辑/删除/完成任务),并带有流畅的动画。包含任务分类,支持颜色编码和优先级级别(低/中/高)。添加截止日期,使用日期选择器组件和提醒通知。使用localStorage在会话之间持久化数据。实现搜索功能,支持按状态、分类和日期范围筛选。使用HTML5拖放API实现任务的拖放重新排序。确保设计完全响应式,并通过媒体查询设置适当的断点。包含深色/浅色主题切换,尊重用户系统偏好。添加微妙的微交互和过渡效果...

登录以查看完整提示词

登录以继续

用法

此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。

为获得最佳效果,可将占位符(方括号或大写字母标示)替换为你的具体需求。

参考资料

分类:coding| prompts.chat| todo-app| html5

讨论