幾個js小外掛程式

2021-10-01 11:51:14 字數 1368 閱讀 5365

1.three.js

超過46k的星星,這個流行的庫提供了非常多的3d顯示功能,以一種直觀的方式使用 webgl。這個庫提供了、

*****.js

超過20k的星星,***** 是乙個 js 動畫庫,可以處理css屬性,單個css轉換,svg 或任 何 dom 屬性以及 js 物件。 此庫允許咱們鏈結多個動畫屬性,將多個例項同步,建立時間軸等。

3.mo.js

超過 14k 星星,是乙個用於 web 的動態圖形工具帶,具有簡單的宣告 api,跨裝置相容性和超過1500個單元測試。 咱們可以在 dome 或svg dome周圍移動東西或建立唯一的 mo.js 物件。雖然文件有些稀缺,但是示例很豐富,這裡有css技巧的介紹。

說到後台學習

clipboard.png

velocity

超過 15k 星星,velocity是乙個快速的 js 動畫引擎,擁有與jquery的 $.animate() 相同的api。它具有彩色動畫、轉換、迴圈、畫架、svg支援和滾動。這裡是velocity的高效能引擎的分解,這裡是使用該庫的 svg 動畫的介紹。

popmotion

超過 14k 星星,這個動畫庫大小只有 11 kb。它允許開發人員從動作建立動畫和互動,這些動作是可以啟動和停止,可以使用 css、svg、react、three 建立,js 和任何接受數字作為輸入的 api。

vivus

超過 10k 星星,vivus是乙個零依賴的 js 類,可以讓你為svg製作動畫,讓它們具有被繪製的外觀。 咱們可以使用許多可用動畫之一,或建立自定義指令碼來繪製svg。 檢視vivus-instant獲取實際示例,親自動動手練習一下。

greensock js

gsap 是乙個js 庫,用於建立高效能、零依賴、跨瀏覽器動畫,據稱在超過400萬個**上使用。gsap是靈活的,可以與 react、vue、angular 和 vanilla js 協同工作。gsdevtools 還可以幫助使用 gsap 構建dubug 動畫。

scroll reveal

擁有15k顆星星和零依賴,這個庫為 web 和移動瀏覽器提供了簡單的滾動動畫,以動畫的方式顯示滾動中的內容。它支援多種簡潔的效果型別,甚至允許你使用自然語言定義動畫。這裡有乙個簡短的 sitepoint教程。

hover (css)

超過 20k 星星,hover 提供了css3支援的懸停效果集合,可應用於鏈結、按鈕、徽標、svg、特色影象等,在css、sass和less中可用。您=可以複製和貼上希望在自己的樣式表中使用的效果,或者引用樣式。

kute.js

乙個完全成熟的原生 js 動畫引擎,具有跨瀏覽器動畫的基本功能。 重點是**質量,靈活性,效能和大小(核心引擎17k 和 gzipped 5.5k) - 這是乙個演示。 該庫也是可擴充套件的,因此你可以新增自己的功能。

幾個js的小例子

1 js的作用域,window物件 if a in window alert a 1 js的作用域是由函式劃分的 2 js的執行順序 var a 1,b function a x alert a 1 3 js引數 arguments 的含義 function b x,y,a b 1,2,3 10 4...

幾個bottle外掛程式

上篇 bottle的外掛程式與view裝飾器衝突問題 裡說到的問題就是我在寫這幾個外掛程式時碰到的問題。為便於使用bottle寫了一組外掛程式。最初自己用的時候是把所有功能都寫在乙個外掛程式裡,感覺有點笨重,不適合靈活組合,所以分拆改寫成現在的樣子。beaker.beakerplugin param...

收集整理自己常用的幾個JS外掛程式

做專案的幾年下來,用過很多的js外掛程式,包括jquery下的,但大多數都是用過一兩次,就被遺忘了,積累下來常用的幾個被當作珍品一樣放到常用資料夾。1.lightbox lightbox js 是乙個簡單而又謙恭的用來把覆蓋在當前頁面上的指令碼.它能被快速安裝並且運作於所有流行的瀏覽器.一款彈出框框...