大家好，我是你們的 貓哥，那個(gè)不喜歡吃魚、又不喜歡喵 的超級(jí)貓 ~

平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目

1. react-typical

React Animated typing in ~400 bytes 🐡 of JavaScript.

https://github.com/catalinmiron/react-typical

2. fflip

fflip 讓您可以根據(jù)用戶 ID、加入日期、會(huì)員狀態(tài)以及您能想到的任何其他內(nèi)容，完全控制向用戶發(fā)布新功能

https://github.com/FredKSchott/fflip

3. imagesloaded

檢測(cè)圖像何時(shí)加載。

https://github.com/desandro/imagesloaded

4. trpc

trpc 是一個(gè)類型安全的 api 開發(fā)框架，可以利用 typescript 強(qiáng)大的類型能力，同時(shí)也能實(shí)現(xiàn)數(shù)據(jù)處理的復(fù)用，而且目前已經(jīng)提供了比較完備的框架支持（react，next，express）

端到端的類型安全 API 變得簡(jiǎn)單。tRPC 允許您輕松構(gòu)建和使用完全類型安全的 API，無(wú)需模式或代碼生成。

https://github.com/trpc/trpc

5. swiper

Swiper 常用于移動(dòng)端網(wǎng)站的內(nèi)容觸摸滑動(dòng)。

Swiper 是純 javascript 打造的滑動(dòng)特效插件，面向手機(jī)、平板電腦等移動(dòng)終端。

Swiper 能實(shí)現(xiàn)觸屏焦點(diǎn)圖、觸屏 Tab 切換、觸屏輪播圖切換等常用效果。

Swiper 開源、免費(fèi)、穩(wěn)定、使用簡(jiǎn)單、功能強(qiáng)大，是架構(gòu)移動(dòng)終端網(wǎng)站的重要選擇！

https://github.com/nolimits4web/swiper

6. browserstore.js

BrowserStore 幫助您將數(shù)據(jù)持久保存到各種基于瀏覽器的存儲(chǔ)系統(tǒng)中。

它在您喜歡的存儲(chǔ)系統(tǒng)之上提供了一個(gè)統(tǒng)一的界面，使持久保存數(shù)據(jù)變得簡(jiǎn)單，而無(wú)需擔(dān)心實(shí)現(xiàn)細(xì)節(jié)。

https://github.com/sarahdayan/browserstore.js

7. template-string-converter

當(dāng)鍵入“${” 時(shí)，此擴(kuò)展將字符串轉(zhuǎn)換為模板字符串。

https://github.com/meganrogge/template-string-converter

8. lax.js

簡(jiǎn)單，輕巧（壓縮后的 < 4kb）香草 JavaScript庫(kù)，可在您滾動(dòng)時(shí)創(chuàng)建流暢且精美的動(dòng)畫。

Lax.js 2.0 的新功能

• Lax.js 2.0 已完全重寫，著重于模塊化和靈活性，為您提供了更多工具來(lái)創(chuàng)建出色的動(dòng)畫。

• 新 JavaScript 動(dòng)畫語(yǔ)法，允許使用更高級(jí)的效果組合

• 使用任何值來(lái)驅(qū)動(dòng)動(dòng)畫，例如鼠標(biāo)位置，一天中的時(shí)間..，當(dāng)然還有滾動(dòng)！

• 滾動(dòng)時(shí)可以賦予動(dòng)畫慣性 -創(chuàng)建自定義 CSS 綁定

• 動(dòng)畫放松

https://github.com/alexfoxy/lax.js

9. sharer.js

創(chuàng)建您自己的社交分享按鈕。沒有 jQuery。

Sharer.js 是一個(gè)非常小的js庫(kù),用于為你的網(wǎng)站創(chuàng)建自定義的social組件。

https://github.com/ellisonleao/sharer.js

10. commitlint

約束代碼提交規(guī)范。

幫助您的團(tuán)隊(duì)遵守提交約定。通過支持 npm 安裝的配置，它使提交約定的共享變得容易。

https://github.com/conventional-changelog/commitlint

最后

平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目

更多精彩項(xiàng)目，請(qǐng)看下方寶藏倉(cāng)庫(kù)，請(qǐng)慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

不知不覺，原創(chuàng)文章已經(jīng)寫到第 69 期了呢，幾乎每一篇都是貓哥精心挑選的優(yōu)質(zhì)開源項(xiàng)目，推送的每一篇文章里面的項(xiàng)目幾乎都是對(duì)前端開發(fā)很有幫助的。

原創(chuàng)不易，一篇優(yōu)質(zhì)的文章都是要肝幾個(gè)晚上才能肝出來(lái)的，花費(fèi)很多時(shí)間、精力去篩選和寫推薦理由，大佬們看完文章后順手點(diǎn)個(gè)贊或者轉(zhuǎn)發(fā)吧，就當(dāng)給貓哥一點(diǎn)鼓勵(lì)吧。

往期精文

• 推薦 12 個(gè)好用的 React 的開源項(xiàng)目，YYDS！

• 推薦 10 個(gè)好用的 Vue3 的開源項(xiàng)目，開發(fā)效率又能提升了！

• 推薦 9 個(gè) Node.js 學(xué)習(xí)、進(jìn)階、debugging 分析、實(shí)戰(zhàn) 的重磅開源項(xiàng)目

• 猛增 110K Star！年增長(zhǎng)數(shù)最多的 10 大頂級(jí)前端學(xué)習(xí)資源項(xiàng)目！

• 推薦 7 個(gè) Vue2、Vue3 源碼解密分析的開源項(xiàng)目

• Vue3 的學(xué)習(xí)教程匯總、源碼解釋項(xiàng)目、支持的 UI 組件庫(kù)、優(yōu)質(zhì)實(shí)戰(zhàn)項(xiàng)目

關(guān)注公眾號(hào)：前端GitHub，回復(fù) 電子書 即可以獲得下面 1000 本技術(shù)精華書籍哦，貓哥微信號(hào)：CB834301747 。

如果不想錯(cuò)過精彩內(nèi)容，請(qǐng)多給本公眾號(hào)點(diǎn)贊哦，這樣就會(huì)先收到內(nèi)容推薦的。

與50位技術(shù)專家面對(duì)面20年技術(shù)見證，附贈(zèng)技術(shù)全景圖

總結(jié)

以上是生活随笔為你收集整理的推荐 10 个实用型的热门开源项目，开发效率又能提升了！的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。