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

　　新型JS庫Clever

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

　　1. 通過html結構+css樣式搭建完畢，根據(jù)對應的html結構寫JS實現(xiàn)目的;

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

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

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

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

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

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

　　

　　Clever的三個重要意義

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

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

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

　　Clever的使用

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

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

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

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