介紹

KUTE.js是用于現(xiàn)代瀏覽器的JavaScript動畫引擎，基于ES6 / ES7標準的現(xiàn)代JavaScript動畫引擎，為Web開發(fā)人員，設(shè)計人員和動畫師提供了最基本的功能，提供了易于使用的方法來設(shè)置高性能的跨瀏覽器動畫。重點是代碼質(zhì)量高，靈活性強，性能高且體積小

成都創(chuàng)新互聯(lián)成立10年來，這條路我們正越走越好，積累了技術(shù)與客戶資源，形成了良好的口碑。為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)頁設(shè)計、域名與空間、網(wǎng)絡(luò)營銷、VI設(shè)計、網(wǎng)站改版、漏洞修補等服務(wù)。網(wǎng)站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等，這些對于網(wǎng)站建設(shè)都非常重要，成都創(chuàng)新互聯(lián)通過對建站技術(shù)性的掌握、對創(chuàng)意設(shè)計的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案，攜手廣大客戶，共同發(fā)展進步。

---

---

Github

目前在Github上保持活躍和更新維護，截止目前stars數(shù)已經(jīng)達到2k

https://github.com/thednp/kute.js/

相關(guān)特性

• 基于ES6/ES7 JavaScript

整個代碼庫都使用基于匯總的靈活構(gòu)建工具按照最新標準進行了重新設(shè)計。大多數(shù)類都可以通過ES6擴展或您通常的原型進行擴展，具體取決于類。

• 豐富的組件

以前支持的所有屬性和插件都已拆分為組件，以實現(xiàn)更高的模塊化。添加新的內(nèi)容，以擴大范圍。官方發(fā)行版僅包含最受歡迎的組件。

• 熟悉的語法

可以使用熟悉的語法，可靠的配置，回調(diào)系統(tǒng)和其他與組件相關(guān)的選項來創(chuàng)建關(guān)聯(lián)對象

• 工具和選項

在廣泛的配置中，某些組件提供了進一步控制結(jié)果的工具。

• 有跡可循

每個組件演示頁面都包含大量有關(guān)如何優(yōu)化性能和視覺呈現(xiàn)的指南和技巧

• MIT License

基于MIT License開源協(xié)議

優(yōu)勢

1、支持核心功能，模塊化架構(gòu)，堅實而完整的組件，現(xiàn)代JavaScript面向未來的Web開發(fā)。

2、KUTE.js以主要支持現(xiàn)代瀏覽器的同時，它還通過其舊有的組件，工具和polyfill向舊的瀏覽器敞開了大門。

3、在源代碼中，可以找到具有可靠構(gòu)建工具的快速且現(xiàn)代的JavaScript代碼。都可以使用SVGElement，HTML屬性，CSS轉(zhuǎn)換等完成。

4、該庫包含Robert Penner的緩動功能，而KUTE.js還包含其自己的CubicBezier緩動類，可為動畫提供快速準確的緩動。

組件

KUTE.js包含18個組件，不過部分組件不包括在默認的包內(nèi)：

• backgroundPosition-為backgroundPositionCSS屬性啟用動畫
• borderRadius-為所有borderRadius屬性啟用動畫
• boxModel -使動畫的boxModel的屬性，如top，left，width，等
• clipProperty-啟用clip屬性的動畫
• colorProperties -動畫的色彩樣特性color，backgroundColor
• filterEffects-為該filter屬性啟用動畫
• htmlAttributes-為任何數(shù)字以及一些基于顏色的HTML屬性啟用動畫
• opacityProperty-為該opacity屬性啟用動畫
• scrollProperty-為window / Element scrollTopObject屬性啟用動畫
• shadowProperties-為shadowProperties屬性啟用動畫：textShadow＆boxShadow
• svgCubicMorph-為SVGElement目標的dPresentation Attribute 啟用動畫；這實現(xiàn)了一些Raphael.js功能
• svgMorph-為SVGElement目標的dPresentation Attribute 啟用動畫；該組件實現(xiàn)了一些D3.js和flubber功能
• svgDraw-為SVGElement 特有的strokeDasharray和strokeDashoffsetCSS屬性啟用動畫
• svgTransform-為transform演示文稿屬性啟用動畫
• textProperties-為動畫啟用數(shù)字HTMLTextElement相關(guān)的CSS屬性，例如fontSize或letterSpacing
• textWrite-為各種字符串的內(nèi)容啟用動畫
• transformFunctions-為transformCSS3屬性啟用動畫，該屬性是與官方版本捆綁在一起的默認組件
• transformLegacy- transform在舊版瀏覽器IE9 +上為CSS3屬性啟用動畫，但不包含在官方版本中，但可以在自定義版本中使用
• transformMatrix-為transformCSS3屬性啟用動畫；該組件實現(xiàn)了DOMMatrix()API并且非常輕便

總結(jié)

相較于其他的動畫庫，kute.js也是一個非常值得使用的動畫庫，它更適合于現(xiàn)代Web開發(fā)方式，模塊化，最新的Javascript語法……

當前題目：一個開源免費的基于現(xiàn)代Javascript的動畫引擎庫——kute.js
新聞來源：http://uogjgqi.cn/article/dpdiicj.html