Skip to content

Latest commit

 

History

History
12 lines (11 loc) · 850 Bytes

README.md

File metadata and controls

12 lines (11 loc) · 850 Bytes

简易便签系统的实现

实现

-外观

-创建、删除、移动

-输入、保存、初始化

-清除所有note、生成note背景颜色随机

demo描述:

利用原生js的模块化编程实现简易便笺的创建及生成便签背景颜色随机、删除、在整个页面中对便签进行拖动、在便签内可输入内容、利用localStorage实现本地存储保存以json存放的内容及更新的时间、便签的初始化;

重要源码:

给document 添加DOMContentLoaded监听事件,在dom加载完成之后触发;利用es6种的反撇号将html代码转换为模板字符串定义单个便签dom;定义构造函数,使用new操作符实例化构造函数来创建便签对象,利用prototype属性给构造函数添加监听事件;