https://github.com/ruochuan12/sticky-notes

基于原生JS、webpack4构建的一个可拖拽的便签（sticky-notes）练手小项目，欢迎使用和star ^_^
https://github.com/ruochuan12/sticky-notes

es6 gulp localstorage sticky-notes webpack4

Last synced: 4 months ago
JSON representation

基于原生JS、webpack4构建的一个可拖拽的便签（sticky-notes）练手小项目，欢迎使用和star ^_^

• Host: GitHub
• URL: https://github.com/ruochuan12/sticky-notes
• Owner: ruochuan12
• Created: 2017-07-02T08:14:43.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-11-16T13:19:44.000Z (about 6 years ago)
• Last Synced: 2023-09-09T14:25:33.179Z (over 1 year ago)
• Topics: es6, gulp, localstorage, sticky-notes, webpack4
• Language: JavaScript
• Homepage: https://lxchuan12.github.io/sticky-notes/dist/
• Size: 515 KB
• Stars: 8
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### sticky-notes 便签

[点击预览本项目](https://lxchuan12.github.io/sticky-notes/dist?_blank "点击预览本项目")

其中`master`，`dev`分支是使用`webpack4`构建。[点击查看`dev`分支](https://github.com/lxchuan12/sticky-notes/tree/dev "点击查看`dev`分支")

`gh-pages`分支是使用`gulp`构建。[点击查看`gh-pages`分支](https://github.com/lxchuan12/sticky-notes/tree/gh-pages "点击查看`gh-pages`分支")

[点击查看参考的项目效果](https://webkit.org/demos/sticky-notes?_blank "点击查看参考的项目效果")

#### TODO 功能点

- [x] 1、创建、删除、移动、删除便签

- [x] 2、把便签内容保存到`localstorage`

- [x] 3、清除所有便签

- [x] 4、拖拽范围限制在可视区

- [x] 5、改用webpack4 构建

- [x] 6、加入less、eslint、babel等

- [x] 7、加入husky依赖，precommit 钩子校验

#### How to use

```

// 安装依赖

npm install

// 启动编写代码

npm run dev

// 本地开发访问：`http://localhost:1200`

// `eslint` 格式化文件

npm run lint:fix

// 打包发布

npm run build

```