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

　　新型JS庫Clever

　　在當前，為實現并強化網頁互動效果，WEB前端程序的開發主要通過下列手段來實現：

　　1. 通過html結構+css樣式搭建完畢，根據對應的html結構寫JS實現目的;

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

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

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

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

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

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

　　

　　Clever的三個重要意義

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

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

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

　　Clever的使用

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

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

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

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