draggable-todoList:具有自动保存和降价支持功能

时间:2024-04-15 06:52:47
【文件属性】:

文件名称:draggable-todoList:具有自动保存和降价支持功能

文件大小:6.31MB

文件格式:ZIP

更新时间:2024-04-15 06:52:47

markdown todo drag-and-drop interactive vanilla-javascript

可拖动的待办事项清单 一开始的版本是和Todo MVC类似的简易待办事项清单,由于本身的使用需求,不断调整和优化Todo清单的外观与功能,如使用SortableJS引发拖拉排序,结合LocalStorage导致存储机制,Markdown链接语法的支持,以及对XSS跨网站指令程序代码的防御处理。最后再加上动画和互动音效,让您完成任务时成就感满满! 使用预先器Sass编写CSS,使用JavaScript class物件指导开发 设计上淡化拉链方块颜色,并选择较密集的字体,让视线更集中于任务 使用HTML属性contenteditable实现即时编辑,并在贴上文字时使用实现纯文字贴上 加入功能,让使用者能够轻松地使用Markdown语法创造附加网址连结的任务 对使用者输入和输出做 , 针对新增任务框(input)做优化,转化在任何操作后自动集中(focus) 任务超过十项时,锁住添加任务框的输


【文件预览】:
draggable-todoList-master
----js()
--------bodymovin_lottie.min.js(256KB)
--------script.js(13KB)
--------jQueryConfetti.js(7KB)
--------sortable.min.js(42KB)
--------script.min.js(8KB)
--------canvasConfetti.js(6KB)
----css()
--------style.min.css(4KB)
--------style.sass(4KB)
----animation()
--------7893-confetti-cannons.json(64KB)
----README.md(3KB)
----demo()
--------demo.webm(1.46MB)
--------demo.mov(4.59MB)
----index.html(2KB)
----audio()
--------page.mp3(12KB)
--------drop.mp3(12KB)
--------drag.mp3(4KB)
--------BotW_Interact_sound.mp3(30KB)
--------BotW_Interact_sound.flac(56KB)
--------BOTW_Fanfare_SmallItem.wav(342KB)
----.editorconfig(393B)

网友评论