完全原创的基于 Vue.js 的记事本应用
Switch branches/tags
Nothing to show
Clone or download
EnmingZhang
EnmingZhang upd readme
Latest commit 2881154 Nov 8, 2017
Permalink
Failed to load latest commit information.
dist no hmr Nov 7, 2017
src no hmr Nov 7, 2017
.babelrc upd Oct 8, 2016
.gitignore debug Jun 12, 2017
README.md upd readme Nov 7, 2017
index.html fixed bug Oct 21, 2016
package.json no hmr Nov 7, 2017

README.md

vue-memo

DEMO在这里

基于 Vue.js 的记事本应用,实现了以下功能:

  • 增删、编辑笔记
  • 标记笔记是否为已完成状态
  • 类别标题内容时间戳进行过滤
  • 创建时间标题排序
  • 暂存未确认保存的笔记
  • 支持文本涂鸦两种记录方式
    • 文本编辑器支持Markdown格式
    • 涂鸦编辑器(来自我的另一个项目)支持选取颜色撤销重做清除画布
  • 通过localStorage对象实现数据的本地持久化
  • 对不同尺寸的桌面端和移动端响应适配
TODO:
  - 编辑笔记时的输入内容验证
  - 用Firebase代替本地存储

10月21日更新:

  • 改善了移动端编辑器的体验:在移动端限制主容器的高度并使溢出内容隐藏,避免编辑器里的touch事件造成视口滚动

本地预览步骤:

$ npm i
$ npm run dev

在 8080 端口查看。