Skip to content

L-shuai/vue-memo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-memo

DEMO在这里

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

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

10月21日更新:

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

本地预览步骤:

$ npm i
$ npm run dev

在 8080 端口查看。

About

完全原创的基于 Vue.js 的记事本应用

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 46.3%
  • JavaScript 33.4%
  • CSS 18.3%
  • HTML 2.0%