摘要:有了這些工具,開發(fā)者們就能專注于創(chuàng)意設(shè)計(jì)了,而不用為某個功能而花費(fèi)太多精力。這里我們介紹的是個開發(fā)者們必備的庫,都是一些很基礎(chǔ)功能很強(qiáng)大的庫。可通過來獲取當(dāng)前顯示的頁號,并提供選項(xiàng)來定制默認(rèn)頁號加速器陰影和延時。
現(xiàn)在 web 設(shè)計(jì)是最有趣的了,做好 web 設(shè)計(jì)不僅要熟練使用
Javascript,css 和 html 等,還要有自己的創(chuàng)意設(shè)計(jì)。為了方便大家發(fā)揮自己的
創(chuàng)意,就產(chǎn)生了很多 JS 框架,Node.js
擴(kuò)展等等。有了這些工具,開發(fā)者們就能專注于創(chuàng)意設(shè)計(jì)了,而不用為某個功能而
花費(fèi)太多精力。這里我們介紹的是 12 個開發(fā)者們必備的 JavaScript 庫
,都是一些很基礎(chǔ)功能很強(qiáng)大的庫。有了這些庫,開發(fā)者們可以節(jié)省很多時間,大
大提高開發(fā)的效率,所以大家趕緊收藏起來吧:)
Headroom.js 是個輕量級,高性能的 JS 部件(完全獨(dú)立 ,無需任何依賴),允許對用戶滾動頁面的行為做出反應(yīng),Headroom.js 的主頁頂 部就是一個演示示例,當(dāng)向下滾動,頭部就會慢慢退出隱藏起來;當(dāng)向上滾動,頭 部又慢慢的顯示出來。
2) Hammer.jsHammer.j
s是一個輕量級的JavaScript庫(壓縮后僅有3kb),能讓你的網(wǎng)站輕松實(shí)現(xiàn)觸控事
件。它依賴于jQuery,用來控制觸摸設(shè)備上的多點(diǎn)觸控特性。
trmix(Type Rendering Mix) 是個基于瀏覽器的應(yīng)用 CSS 文本渲染的引擎。Type Rendering Mix 通過解析用戶代理字符串檢測瀏覽器的文本 rasterizer 和 antialiasing 方 法。
4) Mouse TrapMouse Trap 是個簡單的 JavaScript 庫,用來處理鍵盤快捷鍵。Mousetrap 是個獨(dú)立的庫,沒 有任何擴(kuò)展依賴,而且是個極小的 JavaScript 庫,總大小就只有幾kb。
5) SwitcherySwitc hery 是個簡單的 JavaScript 組件,只要幾個簡單的步驟就可以幫助用戶把默認(rèn)的 HTML 復(fù)選框轉(zhuǎn)換成漂亮 iOS 7 樣式風(fēng)格。用戶可以很方便的自定義這種轉(zhuǎn)換,所 以可以很好的配合你的設(shè)計(jì)風(fēng)格。
6) Yeoman?Yeoman是一個強(qiáng)健的工 具,庫,及工作流程的組合,幫你網(wǎng)頁開發(fā)者快速創(chuàng)建出漂亮而且引人入勝的網(wǎng)頁 程序。
7)? MathjsMath.js 是個JavaScript 和 Node.js 的擴(kuò)展數(shù)學(xué)庫。它包括了靈活的表達(dá)式解析器,提供數(shù)字,大數(shù)值 ,復(fù)雜數(shù)值,單位,矩陣等等集成的解決方案。Math.js 很強(qiáng)大又易于使用。
特性支持?jǐn)?shù)值,大數(shù)值,復(fù)雜 數(shù)值,單位,數(shù)組,字符串和矩陣
兼容 JavaScript 內(nèi)置的數(shù)學(xué) 庫
包含一個靈活的表達(dá)式解析器
支持鏈接操作
包含一系列內(nèi)置函數(shù)和常量
沒有任何依賴,可以
運(yùn)行在所有 JavaScript 引擎上
非常容易擴(kuò)展
8) Morris.js? Morris.js 是一個輕量級的 JS 庫,使用 jQuery 和 Rapha?l 來生成各種時序圖。
9) Planetary js
Planetary js 是 個令人稱奇的創(chuàng)建交互式 web 地球儀的 JavaScript 庫。在線演示
主 要特性:
完全自定義,包括顏色, 旋轉(zhuǎn)等等
在任何位置顯示設(shè)定的顏色和大小的動畫“ping”
i>支持鼠標(biāo)拖動和縮放
通過基于插件的架構(gòu)可以擴(kuò)展
10) Metroui?Metro UI CSS
是用來創(chuàng)建類似 Windows 8 Metro 界面風(fēng)格的 CSS 樣式/Javascript 庫。
?Cheet.js 是一款用來創(chuàng)建復(fù)活節(jié)彩蛋類似形狀的圖片加上簡單的文本信息的 Javascr ipt 庫。? 在線演示
12) TurnjsTurn.js 是一個輕量級 的 (15kb) jQuery/html5 插件用來創(chuàng)建類似書本和雜志翻頁效果,支持觸摸屏設(shè)備 。
Turn.js 支持硬件加速來讓翻頁效果更加平滑。
可通過 API 來獲 取當(dāng)前顯示的頁號,并提供選項(xiàng)來定制默認(rèn)頁號、加速器、陰影和延時。
備選:? VoixVoix .js 是一個 JavaScript 庫,可以用聲音控制你的網(wǎng)站,應(yīng)用或者是游戲。
如果大家還有補(bǔ)充或者是對以上這些 JavaScript 庫有什么使用心得,那么請?jiān)谠u論中與大家分享吧!
原文 12 Essential JavaScript Libraries for Developers
via oschina
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.hztianpu.com/yun/87476.html
摘要:在我們深入研究這項(xiàng)新鮮的技術(shù)之前,讓我們先快速的復(fù)習(xí)原理的相關(guān)知識。同時,希望本文能對大家有所幫助。工欲善其事,必先利其器。 flex.css快速入門,極速布局 什么是flex.css? css3 flex 布局相信很多人已經(jīng)聽說過甚至已經(jīng)在開發(fā)中使用過它,但是我想我們都會有一個共同的經(jīng)歷,面對它的各種版本,各種坑,傻傻的分不清楚,flex.css就是對flex布局的一種封裝,通過簡潔...
閱讀 2450·2021-11-18 10:07
閱讀 2397·2021-09-22 15:59
閱讀 3152·2021-08-23 09:42
閱讀 2365·2019-08-30 15:44
閱讀 1253·2019-08-29 15:06
閱讀 2423·2019-08-29 13:27
閱讀 1294·2019-08-29 13:21
閱讀 1513·2019-08-29 13:13