掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流
前些天發(fā)群里有個(gè)站長(zhǎng)咨詢(xún)我他遇到的問(wèn)題,其實(shí)就是一個(gè)簡(jiǎn)單的幻燈片效果,原因是他購(gòu)買(mǎi)了一套別人制作的模版然后出現(xiàn)點(diǎn)問(wèn)題,其實(shí)最終的問(wèn)題是他自己。因?yàn)樾枰M(jìn)行分析他的問(wèn)題,于是我看了一下他前端的代碼,結(jié)果發(fā)現(xiàn)他的幻燈片效果并不是使用DZ自帶的JS庫(kù),而是用了一個(gè)名為superslide的js庫(kù),然后把他網(wǎng)站上面這個(gè)庫(kù)解壓出來(lái)看了下源代碼,結(jié)果發(fā)現(xiàn)這個(gè)庫(kù)不僅僅只是一個(gè)小小的幻燈片效果,諸如幻燈片、TAB切換、無(wú)縫滾動(dòng)等等網(wǎng)站常用到的一些特效這個(gè)幾乎都能實(shí)現(xiàn)。
后面索性百度了一下,結(jié)果發(fā)現(xiàn)這個(gè)庫(kù)是國(guó)人基于jquery開(kāi)發(fā)的一款JS插件,具備常用的幾十種功能。就如作者主頁(yè)上說(shuō)的那樣“很多新手(通常是指不了解JS或者不會(huì)用JS的朋友)在制作網(wǎng)頁(yè)過(guò)程中,經(jīng)常需要用到各種特效,于是到網(wǎng)上找合適的插件。找到后要熟悉它的參數(shù)、用法等,如果用到幾種不同特效,就要找?guī)讉€(gè)不同插件,結(jié)果頁(yè)面代碼臃腫,加載緩慢,還要害怕會(huì)不會(huì)沖突!實(shí)在痛苦。而這款插件解決大多數(shù)的特效效果”。
這款具備如此多特效功能的插件體積并不是太大,開(kāi)發(fā)版20KB左右,壓縮包11KB;對(duì)于那些不懂JS的朋友我想到處放插件總體積肯定不止這個(gè)。而且就算對(duì)于讀不懂JS源碼的朋友使用這款插件也沒(méi)有任何問(wèn)題,因?yàn)樽髡咛峁├锿暾腁PI說(shuō)明,只要對(duì)照參數(shù)即可實(shí)現(xiàn)你想要的效果。
但作為一個(gè)熟悉(我覺(jué)得精通之類(lèi)的話(huà)還是不要說(shuō)的好,呵呵)原生JS和jquery庫(kù)的人,我認(rèn)為這款插件雖然非常強(qiáng)大,但并不是萬(wàn)能的;至于使用與不使用我想也得看情況的。
首先我說(shuō)下使用的情況
1、不懂JS的朋友,與其到處找JS插件,還不如用這一款集成更多特效的插件來(lái)解決,畢竟它確實(shí)包含了我們常用的一些效果;
2、對(duì)于項(xiàng)目需要使用很多這個(gè)插件所具備功能的特效,而且項(xiàng)目其他部分沒(méi)有與之相互交集的地方;
3、在不影響整體體積及穩(wěn)定性前提下,為了提供開(kāi)發(fā)效率可以使用,畢竟使用開(kāi)源不可恥,jquery不也是開(kāi)源JS庫(kù)。
其次我說(shuō)下不推薦使用它的情況:
1、項(xiàng)目本身已經(jīng)具備了我們想要特效。比如我前面提到的那個(gè)朋友的模版,因?yàn)槭荄Z的,而他那個(gè)效果DZ自帶的庫(kù)完全可以做到,根本沒(méi)必要去用這個(gè)庫(kù),甚至jquery也不需要,這樣就增加了jq的幾十KB和這個(gè)插件的11KB大小,而且性能也顯然沒(méi)有自帶的高;
2、自己具備編寫(xiě)JS的能力,而且項(xiàng)目只需要一兩個(gè)特效,這個(gè)時(shí)候完全可以自己去編寫(xiě);比如為了實(shí)現(xiàn)一個(gè)簡(jiǎn)單的TAB切換而去使用這樣的插件,就有點(diǎn)兒得不償失了。
下面就引用其官方的關(guān)于這款插件的一些主要的參數(shù)(點(diǎn)擊圖片可放大)。
最后需要注意的是,就如前面所說(shuō)的那樣,它是一款基于jquery的插件,因此使用的時(shí)候必須先引用jquery庫(kù)。最后附上關(guān)于這款插件的一些信息:
1、官方主頁(yè):http://www.superslide2.com/
2、參數(shù)介紹:http://www.superslide2.com/param.html
3、如何使用:http://www.superslide2.com/howToUse.html
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢(xún)/運(yùn)營(yíng)咨詢(xún)/技術(shù)建議/互聯(lián)網(wǎng)交流