近日，在珍島營銷技術(shù)人員的努力下，成功完成了輕量化JS庫程序“Clever”的開發(fā)工作。目前，這種用于實(shí)現(xiàn)WEB網(wǎng)頁前端互動化效果的JS庫程序已進(jìn)入測試階段。

　　新型JS庫Clever

　　在當(dāng)前，為實(shí)現(xiàn)并強(qiáng)化網(wǎng)頁互動效果，WEB前端程序的開發(fā)主要通過下列手段來實(shí)現(xiàn)：

　　1. 通過html結(jié)構(gòu)+css樣式搭建完畢，根據(jù)對應(yīng)的html結(jié)構(gòu)寫JS實(shí)現(xiàn)目的;

　　2. 以往有整理特效的習(xí)慣，每次只需要復(fù)制，粘貼或者稍加修改即可達(dá)到目的;

　　3. 使用第三方插件，每次需要調(diào)用對應(yīng)的API。

　　上述三種手段是目前的主流，但卻都有各自的缺陷。種和第二種方式在開發(fā)過程中效率低下，代碼重用性很差，所以使得整個(gè)開發(fā)過程耗時(shí)耗力。相對的，第三種方式較為省心，卻不可避免地導(dǎo)致可維護(hù)性變差。

　　出于簡化開發(fā)工作，使之同時(shí)具備操作簡單、效率高、代碼重用性高、可維護(hù)性高等特點(diǎn)，珍島營銷技術(shù)人員開發(fā)出了名為Clever的JS庫程序。

　　Clever屬輕量級的JS庫，直至正式發(fā)布時(shí)其仍保持不到40k的體積。其封裝了Tab、Slide、Accordion、Carousel、Popup、Validator、Lazyload、Waterfall等網(wǎng)頁常用效果。在使用時(shí)，只需要簡單的效果調(diào)用和參數(shù)配置，即可實(shí)現(xiàn)各種網(wǎng)頁互動效果，且兼容各種主流瀏覽器。

　　當(dāng)前，Clever的版本號為v1.0，珍島營銷方面將根據(jù)實(shí)際需要對其進(jìn)行不斷改進(jìn)和升級(見下圖)。

　　

　　Clever的三個(gè)重要意義

　　1. 開發(fā)人員無需操作JS即可完成特效制作

　　2. 使用步驟簡潔，一定程度上提高了前端開發(fā)人員的工作效率

　　3. 不斷搜集網(wǎng)站常用特效，并及時(shí)更新版本，讓前端開發(fā)人員high起來。

　　Clever的使用

　　1. 完成基礎(chǔ)html+css的編寫，并且依次引入jquery.1.9.0.min.js和clever.js(注意按照先后順序)

　　2. 外層的父元素必須添加相應(yīng)的屬性和想要的效果名：例如data-effect-type=“Tab“表示為tab選項(xiàng)卡

　　圖注：data-effect-type=“Slide“表示為輪播效果

　　整合網(wǎng)絡(luò)資源，技術(shù)驅(qū)動營銷。珍島營銷深諳未來互聯(lián)網(wǎng)營銷的兩大趨勢，一類是技術(shù)營銷，一類是內(nèi)容營銷，將自身定位于“珍島 = 技術(shù)人+廣告人”，長期致力于網(wǎng)絡(luò)營銷技術(shù)的前沿與開發(fā)工作。目前的Clever的版本號暫為1.0，屬于初期版本。在后續(xù)版本中，我們將會持續(xù)不斷的對效果進(jìn)行補(bǔ)充、修改、細(xì)致化等。