脚本宝典收集整理的这篇文章主要介绍了

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

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

? VUEMEMO

基于 Vue.js 的简单记事本 SPA ,Mint-UI、VueVueRouter、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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过