當(dāng)前位置:首頁 >  站長 >  建站經(jīng)驗 >  正文

優(yōu)化Web應(yīng)用的性能:15個超級實用的jQuery插件

 2014-09-26 14:15  來源: 用戶投稿   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

jQuery是一個可訂制的、輕量級的前端開發(fā)框架,它會讓你的前端開發(fā)擁有無限的可能性。它會在敏捷Web開發(fā)中幫你做很多事情,比如簡化HTML文檔的解析、事件處理、動畫效果和Ajax交互。實踐上jQuery已經(jīng)成為了新一代的標(biāo)準(zhǔn)。

在這篇文章中,我們整理了9月份以來最新的15個jQuery插件, 它們都非常優(yōu)秀。根據(jù)下面提到的這些jQuery插件,你可以在很多地方提高和優(yōu)化Web應(yīng)用的性能。

我們希望你能從中找到對你有幫助的插件,如果你也知道很多jQuery的最新資源,可以在評論中告訴我們,和大家一起分享。

1. jQuery.fblogin

jQuery.fblogin,顧名思義,它是一個用jQuery實現(xiàn)的Facebook登錄插件,你需要申請一個Facebook應(yīng)用的id,然后添加Facebook JS SDK,通過這個插件來加載SDK。

2. FocusPoint

FocusPoint 可以讓你的照片在任意的容器中都能有不錯的顯示效果。 它會動態(tài)地對圖片進(jìn)行剪裁,而不會切掉圖片中重要的對象。

3. Animisition

Animsition是一個便于開發(fā)者添加CSS動畫跳轉(zhuǎn)的jQuery插件。它提供18種不同的動畫,包括各種各樣的消失、旋轉(zhuǎn)、翻轉(zhuǎn)和變焦等特效。

4. jQuery Bootgrid

jQuery Bootgrid 插件非常不錯,頁面直觀而平整。由一個風(fēng)格控制作為引導(dǎo)。只需要在HTML文件中引入jQuery、Bootgrid和BootStrap的庫即可。

5. jCorner

jquery實現(xiàn)折角插件jCorner是一款平面頁面元素進(jìn)行右下角折角,對時尚和某個鏈接的提示是有用的。它使用CSS邊框達(dá)到效果,而無需使用任何圖像,這使我們能夠創(chuàng)建任何大小的角落。

6. jQuery Fontflex

fontFlex是一個輕量級jQuery插件,根據(jù)屏幕/瀏覽器寬度動態(tài)更改字體大小。多用于響應(yīng)或自適應(yīng)的CSS布局。

7. Tablesaw

Tablesaw 是實現(xiàn)了響應(yīng)式的表格的jQuery插件。

8. Particleground

Particleground 粒子系統(tǒng)是一個jQuery插件,時髦的背景。 Particleground包括一個可選的視差效應(yīng)控制鼠標(biāo)在桌面設(shè)備和移動設(shè)備上的陀螺儀。它適用于任何瀏覽器支持HTML5畫布。

9. Typer

Typer是一個實現(xiàn)打字效果的jQuery插件。你可以選擇性的定制這個插件,如打字速度、延時等等。

10. Divas Slider

Divas Slider是一個多才多藝的jQuery滑塊,容易使用和完全可定制。 充分響應(yīng)和觸摸啟用。詳細(xì)使用方法請查看下載文件中的instructions.html

11. J-accordion

j-accordion.js 是 jQuery 的一個手風(fēng)琴效果的插件,可自動對 hovered 條目進(jìn)行擴(kuò)展,并收縮其他項??捎米霾藛斡猛尽?/p>

12. jQuery Flappy Bird

基于 jQuery 實現(xiàn)的 Flappy Bird 游戲。

13. SlabText

SlabText 是一個用來生成支持響應(yīng)式的大且粗的字體的jQuery插件。可以分割成調(diào)整大小的每一行的行前的頭條新聞,以填補(bǔ)可用的水平空間。這意味著無論任何客戶端是什么尺寸大小的屏幕,客戶端的標(biāo)題總是合適的。

14. jQuery Typeahead

這 款jQuery插件來自于Twitter的一個新的項目,支持遠(yuǎn)程和本地的數(shù)據(jù)集。比較有特色的地方在于你可以將數(shù)據(jù)集使用本地存儲 (local storage)來保存在本地,有效的提高用戶體驗。同時也擁有很多遠(yuǎn)程數(shù)據(jù)集的處理選項,例如(請求頻率,最大的并發(fā)請求數(shù),等等)...

15. ScotchPanels

scotchPanels.js為用戶提供方便的菜單創(chuàng)建操作,當(dāng)然也包含網(wǎng)站導(dǎo)航和其它類型的面板,比如圖片和視頻等等。Scotch Panels是功能封裝的,我們可以根據(jù)需要選擇不同的功能封裝。它支持任何的容器,這樣一來你可以將你的導(dǎo)航欄放在任意標(biāo)簽內(nèi)。

極客標(biāo)簽 - 專業(yè)和精準(zhǔn)的分享,關(guān)注你感興趣的極客,社區(qū)提供超棒的精品教程,互動授課

了解前端技術(shù),請訪問極客互動課程庫和代碼錄播

via 極客標(biāo)簽

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦