一些好用的前端小插件（2）

1. cropper.js

Cropper.js 2.0 是一系列用于圖像裁剪的 Web 組件。

官網地址：https://fengyuanchen.github.io/cropperjs/v2/zh/

2. Vditor

Vditor是一款瀏覽器端的 Markdown 編輯器，支持所見即所得、即時渲染（類似 Typora）和分屏預覽模式。它使用 TypeScript 實現，支持原生 JavaScript、Vue、React、Angular，提供桌面版。

官網地址：https://b3log.org/vditor/
Github地址:https://github.com/Vanessa219/vditor

3. PPTist

PPTist是一個基于 Vue3.x + TypeScript 的在線演示文稿（幻燈片）應用，還原了大部分 Office PowerPoint 常用功能，支持 文字、圖片、形狀、線條、圖表、表格、視頻、音頻、公式 幾種最常用的元素類型，每一種元素都擁有高度可編輯能力，同時支持豐富的快捷鍵和右鍵菜單，支持導出本地 PPTX 文件，支持移動端基礎編輯和預覽，支持 PWA。您可以在此基礎上搭建自己的在線幻燈片應用。

在線體驗地址：https://pipipi-pikachu.github.io/PPTist/
github地址：https://github.com/pipipi-pikachu/PPTist

4. Element Tiptap Editor

Element Tiptap Editor 是一個在 web 開發領域“所見即所得”的富文本編輯器，基于 tiptap 編輯器和 element-ui 開發，相比很多富文本編輯器，Element Tiptap Editor 使用易上手，對開發者友好，而且可擴展性強，設計簡潔。

操作按鈕等組件使用 element-ui 組件，整體樣式協調美觀
有許多開箱即用的 extension（編輯器擴展）
支持 markdown 語法
支持TypeScript 支持
支持 i18n(en, zh, pl, ru, de, ko, es, zh_tw, fr, pt_br, nl, he)
可用的 events: init, transaction, focus, blur, paste, drop, update
高度自定義, 你可以自定義 extension 和它對應的菜單按鈕視圖
操作靈活，可以通過直接控制編輯器的行為來定制編輯器。
提供中文文檔

地址 https://github.com/Leecason/element-tiptap

5. TypeIt

TypeIt是一個通用的JavaScript打字機效果實現程序。憑借其簡單而靈活的配置，您可以鍵入單個或多個字符串，這些字符串可以中斷行，刪除/替換彼此，輕松處理包含HTML的字符串，循環等等。而且為了獲得更高級、更可控的打字效果，TypeIt附帶了一些配套功能，這些功能可以鏈接起來將您的打字控制在單個字符或毫秒，使您能夠鍵入動態敘述，完全控制速度變化、換行、刪除和暫停。

github鏈接：https://github.com/alexmacarthur/typeit
官網地址：https://www.typeitjs.com/

6. qrcode 二維碼

qrcode?是一個用于生成二維碼的 JavaScript 庫。主要是通過獲取 DOM 的標簽,再通過 HTML5 Canvas 繪制而成,不依賴任何庫。

文檔地址：https://www.npmjs.com/package/qrcode

7. jsbarcode

jsbarcode是一個用于生成條形碼的js庫

文檔地址：https://www.npmjs.com/package/jsbarcode

8. Clipboard.js

Clipboard.js是一個用于將文本復制到剪貼板的 JS 庫。

官網地址：https://clipboardjs.com/

9.?Driver.js

Driver.js是一個可以輕松實現新手指引交互的JavaScript 工具庫，主要的作用是為剛接觸應用的新手用戶快速了解產品，幫助用戶把注意力聚焦到某項功能，從而快速熟悉我們的開發的產品。

官網地址：https://kamranahmed.info/driver.js/

10. Pinia.js

Pinia.js由Vue.js團隊成員所開發的，是新一代的Vuex，即Vuex5.x，在Vue3.0 項目的使用中備受推崇。

Pinia.js?定位和特點：

• 完整的?typescript?的支持；
• 極其輕量，壓縮后的體積只有1.6kb;
• 去除 mutations，只有?state，getters，actions（這是我最喜歡的一個特點）；
• actions?支持同步和異步；
• 沒有模塊嵌套，只有?store?的概念，能夠構建多個?store，store?之間可以自由使用，更好的代碼分割；
• 關聯?Vue Devtools?鉤子，提供更好地開發體驗；

官網地址：https://pinia.vuejs.org/

11. Vue-CoreVideoPlayer

Vue-CoreVideoPlayer是一款基于 vue.js 的輕量級的視頻播放器插件插件。

文檔地址：https://core-player.github.io/vue-core-video-player/zh/

原文：一些好用的前端小插件（2） - 知乎?