博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于 Vue.js 的支持本地化储存记事本 SPA
阅读量:6862 次
发布时间:2019-06-26

本文共 522 字,大约阅读时间需要 1 分钟。

? VUEMEMO

基于 Vue.js 的简单记事本 SPA ,Mint-UI、Vue、VueRouter、Vuex,使用localStorage作为数据本地持久化,并支持使用Markdown格式笔记,主要功能有增查改删笔记、按条件过滤和排序笔记、并支持文字和图片等形式的笔记

? DEMO

点击这里看演示:

源代码:

? BUILD SETUP

# 安装依赖npm install# 开发模式localhost:8080npm run dev# 打包构建npm run build复制代码

? 主要功能

  • v1
    • ✔️响应适配
    • ✔️创建、修改笔记
    • ✔️删除部分或全部笔记
    • ✔️查看笔记详细内容
    • ✔️标记笔记是否完成
    • ✔️切换笔记显示模式
  • v2
    • ✔️按是否完成进行过滤
    • ✔️按创建时间排序
    • ✔️按完成情况进行过滤
    • ✔️按类别进行过滤
    • ✔️收藏、取消收藏和显示收藏笔记
    • ✔️通过localStorage对象的数据本地持久化
  • v3
    • 支持Markdown格式
    • 实时保存笔记
    • 通过base64支持保存图片
    • 通过Canvas支持绘图

MESSAGE ME

转载于:https://juejin.im/post/5a8fe1cef265da4e83267d7c

你可能感兴趣的文章
iOS走近商城APP(四 runloop应用 获取通讯录并处理)
查看>>
git提交pull request到主项目
查看>>
Redis Manager 主要功能介绍
查看>>
如何优雅的使用Mock Server
查看>>
Android 系统启动(一)---fork机制
查看>>
你知道的Axios
查看>>
TTL 消息详解
查看>>
Comparable和Comparator的比较
查看>>
ApplicationId 与 PackageName 的区别
查看>>
阿里云 Aliplayer高级功能介绍(三):多字幕
查看>>
React基础——快速搭建开发环境
查看>>
最火的前端开发框架Bootstrap使用教程学习!
查看>>
echarts树图控件分析
查看>>
理解Golang的Time结构
查看>>
在隐私的博弈时代,BCH为你保驾护航
查看>>
vue升级之路(三)-- vue-router的使用
查看>>
【 karle 专栏 】Android 初探底层知识系列
查看>>
峰采 #2
查看>>
PAT A1048
查看>>
精读《React PowerPlug 源码》
查看>>