當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  建站經(jīng)驗(yàn) >  正文

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

 2014-09-26 14:15  來(lái)源: 用戶投稿   我來(lái)投稿 撤稿糾錯(cuò)

  阿里云優(yōu)惠券 先領(lǐng)券再下單

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

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

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

1. jQuery.fblogin

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

2. FocusPoint

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

3. Animisition

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

4. jQuery Bootgrid

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

5. jCorner

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

6. jQuery Fontflex

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

7. Tablesaw

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

8. Particleground

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

9. Typer

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

10. Divas Slider

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

11. J-accordion

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

12. jQuery Flappy Bird

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

13. SlabText

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

14. jQuery Typeahead

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

15. ScotchPanels

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

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

了解前端技術(shù),請(qǐng)?jiān)L問(wèn)極客互動(dòng)課程庫(kù)和代碼錄播

via 極客標(biāo)簽

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

相關(guān)文章

  • 蟬大師官網(wǎng)上線三大硬核功能:“App下載量”強(qiáng)勢(shì)登場(chǎng)

    現(xiàn)如今,用戶對(duì)于App數(shù)據(jù)查詢又有了更高的需求,不僅要求高效實(shí)時(shí)精準(zhǔn),而且還要覆蓋多場(chǎng)景實(shí)現(xiàn)隨時(shí)隨地查詢。為此,蟬大師官網(wǎng)進(jìn)行了全新的打磨和深度的優(yōu)化,現(xiàn)重磅推出三大“硬核”功能,包括App下載量預(yù)估

  • 依托成熟SEO優(yōu)化方案提升企業(yè)網(wǎng)站應(yīng)用水平

    對(duì)從事網(wǎng)絡(luò)營(yíng)銷的企業(yè)來(lái)說(shuō),對(duì)網(wǎng)站排名的依賴性是相對(duì)較強(qiáng)的,畢竟在錯(cuò)綜復(fù)雜的市場(chǎng)環(huán)境中,網(wǎng)站內(nèi)容的收錄效果會(huì)直接影響到企業(yè)網(wǎng)站的營(yíng)銷力度,而在成熟的SEO優(yōu)化方案中,無(wú)論是內(nèi)容的原創(chuàng)度還是優(yōu)化理念的前瞻性,都能夠?yàn)榫W(wǎng)站排名的提升奠定堅(jiān)實(shí)的基礎(chǔ),這對(duì)企業(yè)的網(wǎng)站應(yīng)用還是有很大幫助的。

    標(biāo)簽:
    應(yīng)用優(yōu)化
  • 熟練應(yīng)用SEO優(yōu)化技術(shù)提升優(yōu)化水平

    在網(wǎng)站的日常運(yùn)營(yíng)過(guò)程中,提升排名是運(yùn)營(yíng)團(tuán)隊(duì)的核心要求,而在經(jīng)過(guò)了長(zhǎng)時(shí)間的行業(yè)發(fā)展以后,如今的網(wǎng)絡(luò)優(yōu)化已經(jīng)形成了完善的業(yè)務(wù)體系,不過(guò)在具體的優(yōu)化過(guò)程中,對(duì)SEO優(yōu)化技巧的應(yīng)用還是要足夠熟練,才能確保整體優(yōu)化水平的大幅度提高,尤其是對(duì)百度關(guān)鍵詞的設(shè)置技巧更是不可或缺的。

    標(biāo)簽:
    應(yīng)用優(yōu)化
  • ASO應(yīng)用標(biāo)題優(yōu)化四步曲:提高APP的可見(jiàn)性

    蟬大師ASO優(yōu)化工具注意到,APP在應(yīng)用商店的優(yōu)化過(guò)程中,應(yīng)用標(biāo)題優(yōu)化越來(lái)越多的引起開(kāi)發(fā)者的注意。

  • 單頁(yè)應(yīng)用(Single Page Application)的搜索引擎優(yōu)化

    單頁(yè)應(yīng)用并不是一個(gè)全新發(fā)明的技術(shù),而是隨著互聯(lián)網(wǎng)的發(fā)展,越來(lái)越受web開(kāi)發(fā)者歡迎,單頁(yè)應(yīng)用的體驗(yàn)可以模擬原生應(yīng)用,一次開(kāi)發(fā),多端兼容,效果酷炫,節(jié)省成本。然而,由于單頁(yè)應(yīng)用基本全部使用JS,受制于SEO效果,目前國(guó)內(nèi)使用單頁(yè)應(yīng)頁(yè)技術(shù)的網(wǎng)站還是少之又少。在已知使用單頁(yè)應(yīng)用的站點(diǎn)中,攜程旅行的SEO效果

熱門排行

信息推薦