基於 Vue.js 的支援本地化儲存記事本 SPA

JS菌發表於2018-02-23

? 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

相關文章