摘要：一開(kāi)篇哈哈哈，感謝標(biāo)題黨的蒞臨雖然標(biāo)題有點(diǎn)夸張的感覺(jué)，但實(shí)際上，插件庫(kù)確實(shí)是簡(jiǎn)潔，高效，輕量級(jí)，酷炫酷炫的咯。當(dāng)然，配置不同的參數(shù)值，或許可以得到挺多不同的特效呢上面已經(jīng)演示過(guò)標(biāo)配的粒子無(wú)序運(yùn)動(dòng)啦，下面演示后面兩種。

哈哈哈，感謝標(biāo)題黨的蒞臨~

雖然標(biāo)題有點(diǎn)夸張的感覺(jué)，但實(shí)際上，插件庫(kù)確實(shí)是簡(jiǎn)潔，高效，輕量級(jí)，酷炫酷炫的咯。
廢話不多說(shuō)，先來(lái)看個(gè)標(biāo)配例子吧：

http://codepen.io/barrior/pen...

是吧，應(yīng)該是酷炫酷炫的吧，不喜歡的話可以向下看更多的例子哦~

厭倦市場(chǎng)上眼花繚亂，百花齊放，百鳥(niǎo)爭(zhēng)鳴的繁榮景象，我心憔悴... 
像我這種頭腦簡(jiǎn)單，四肢也簡(jiǎn)單的人就適合簡(jiǎn)單的API，簡(jiǎn)單人和物 (。?_?)/~~~
好吧，還是說(shuō)回代碼吧，API設(shè)計(jì)希翼"The Write Less, Do More"和"Keep it Simple and Stupid"的形式，拒絕繞彎子API，崇尚簡(jiǎn)潔，簡(jiǎn)約！
所以你會(huì)跟作者一樣，使用起這個(gè)插件會(huì)感覺(jué)到很爽，很輕松，嘎嘎嘎~ 不信看看接下來(lái)的所有效果展示。

目前插件庫(kù)提供了三種特效：粒子無(wú)序運(yùn)動(dòng)，波浪運(yùn)動(dòng)，雪花飄落特效。 
當(dāng)然，配置不同的API參數(shù)值，或許可以得到挺多不同的特效呢！
上面已經(jīng)演示過(guò)標(biāo)配的粒子無(wú)序運(yùn)動(dòng)啦，下面演示后面兩種。

http://codepen.io/barrior/pen...

js代碼（效果參考QQ電話）：

new Particleground.wave( "#demo", {
    num: 3,
    // 三條線依次的顏色
    lineColor: ["rgba(0, 190, 112, .5)", "rgba(0, 190, 112, .7)", "rgba(0, 190, 112, .9)"],
    // 三條線依次的寬度
    lineWidth: [.5, .7, .9],
    // 三條線依次的向左偏移值
    offsetLeft: [2, 1, 0],
    // 三條線都向上偏移容器高度的0.75倍
    offsetTop: .75,
    // 三條線依次的波峰高度
    crestHeight: [10, 14, 18],
    // 三條線都只有兩個(gè)波峰（波紋）
    rippleNum: 2,
    speed: .1,
    // 隱藏填充，默認(rèn)false
    fill: false,
    // 顯示邊框，即線條效果，默認(rèn)true
    stroke: true
});

如果你英語(yǔ)可以的話，相信看屬性名結(jié)合效果就大概知道配置是什么意思啦，不然的話你可以看看官網(wǎng)對(duì)這幾個(gè)API的描述，戳這里哈。

http://codepen.io/barrior/pen...

這個(gè)js代碼就不貼啦，需要自己寫加載的進(jìn)度，然后設(shè)置到效果上哈。

http://codepen.io/barrior/pen...

極簡(jiǎn)單的js代碼：

new Particleground.snow("#demo");

好啦，效果看完啦，現(xiàn)在解釋一下標(biāo)題的那幾個(gè)宣傳字眼，雖然好像并沒(méi)有什么用...

簡(jiǎn)潔：

就像前面的粒子運(yùn)動(dòng)例子，只需要一行簡(jiǎn)單的代碼 new Particleground.particle("#demo") 就可以實(shí)現(xiàn)啦。

然后就是“潔”：這個(gè)需要閱讀源碼咯，相信從源碼中你會(huì)看到代碼的簡(jiǎn)潔優(yōu)雅的，具體請(qǐng)戳這里啦~

當(dāng)然，特效也是簡(jiǎn)潔美觀的啦，對(duì)不起視覺(jué)的效果為什么還要用代碼去實(shí)現(xiàn)它呢...

高效：

在作者的能力基礎(chǔ)之上，代碼能優(yōu)化的地方作者都想盡了方法去優(yōu)化它(包括性能的優(yōu)化，代碼的簡(jiǎn)化)。

比如：this關(guān)鍵字的在另一個(gè)函數(shù)內(nèi)儲(chǔ)存成變量參數(shù)使用，多次使用到的深度屬性或方法儲(chǔ)存成變量使用，既達(dá)到壓縮時(shí)可減少體積，又達(dá)到減少變量查找的耗時(shí)。

比如：粒子無(wú)序運(yùn)動(dòng)的連線功能處理，嵌套for循環(huán)，O(n2)的問(wèn)題，作者優(yōu)化了三次(git commit有記錄咯)，最后使用(學(xué)習(xí)借鑒)了《HTML5+JavaScript動(dòng)畫基礎(chǔ)》這本書的一個(gè)思想和優(yōu)化方式，達(dá)到既不冗余代碼或占用內(nèi)存，又提升了一倍的執(zhí)行效率。具體可點(diǎn)擊這里，源碼第160行哦。

輕量級(jí)：

由于前面說(shuō)到的兩點(diǎn)，輕量級(jí)自然就孕育而生啦。

另一個(gè)就是特效之間都是以獨(dú)立的插件形式使用的，不存在相互依賴的問(wèn)題，只依賴一個(gè)公共的功能文件，這樣就可以達(dá)到想加載什么就加載什么，按需加載的不臃腫體驗(yàn)啦，也可以偷懶直接使用包含所有特效的壓縮包文件咯。

一個(gè)良好的官網(wǎng)及文檔是一個(gè)良好的開(kāi)始，插件庫(kù)官網(wǎng)：particleground.duapp.com, 先用著這個(gè)域名咯，等時(shí)機(jī)成熟了，再換回正式的 pjs.barrior.me 域名~

貢獻(xiàn)總是受歡迎的，無(wú)論它多么大或小！只要你與作者的觀念，理念，志同道合的話，那就太希望你加入組織的懷抱啦，做一件自己喜歡的事，做一個(gè)自己都喜歡自己的人。

如果你喜歡這個(gè)插件庫(kù)并能幫助到你的實(shí)際工作中，希望它能發(fā)展的更好，提供更多有趣實(shí)用的特效，支持我(們)，煩請(qǐng)點(diǎn)個(gè) Star 吧。