美文网首页Web 前端开发 前端攻城狮让前端飞
基于 Vue.js 的支持本地化储存记事本 SPA

基于 Vue.js 的支持本地化储存记事本 SPA

作者: Oliveryoung | 来源:发表于2018-02-23 17:44 被阅读0次

    💯 VUEMEMO

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

    🚀 DEMO

    点击这里看演示:DEMO

    源代码:github

    🚨 BUILD SETUP

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

    🎯 主要功能

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

    MESSAGE ME

    相关文章

      网友评论

        本文标题:基于 Vue.js 的支持本地化储存记事本 SPA

        本文链接:https://www.haomeiwen.com/subject/lhgxxftx.html