近日,在
珍島營(yíng)銷技術(shù)人員的努力下,成功完成了輕量化JS庫(kù)程序“Clever”的開發(fā)工作。目前,這種用于實(shí)現(xiàn)WEB網(wǎng)頁(yè)前端互動(dòng)化效果的JS庫(kù)程序已進(jìn)入測(cè)試階段。
新型JS庫(kù)Clever
在當(dāng)前,為實(shí)現(xiàn)并強(qiáng)化網(wǎng)頁(yè)互動(dòng)效果,WEB前端程序的開發(fā)主要通過下列手段來實(shí)現(xiàn):
1. 通過html結(jié)構(gòu)+css樣式搭建完畢,根據(jù)對(duì)應(yīng)的html結(jié)構(gòu)寫JS實(shí)現(xiàn)目的;
2. 以往有整理特效的習(xí)慣,每次只需要復(fù)制,粘貼或者稍加修改即可達(dá)到目的;
3. 使用第三方插件,每次需要調(diào)用對(duì)應(yīng)的API。
上述三種手段是目前的主流,但卻都有各自的缺陷。種和第二種方式在開發(fā)過程中效率低下,代碼重用性很差,所以使得整個(gè)開發(fā)過程耗時(shí)耗力。相對(duì)的,第三種方式較為省心,卻不可避免地導(dǎo)致可維護(hù)性變差。
出于簡(jiǎn)化開發(fā)工作,使之同時(shí)具備操作簡(jiǎn)單、效率高、代碼重用性高、可維護(hù)性高等特點(diǎn),珍島營(yíng)銷技術(shù)人員開發(fā)出了名為Clever的JS庫(kù)程序。
Clever屬輕量級(jí)的JS庫(kù),直至正式發(fā)布時(shí)其仍保持不到40k的體積。其封裝了Tab、Slide、Accordion、Carousel、Popup、Validator、Lazyload、Waterfall等網(wǎng)頁(yè)常用效果。在使用時(shí),只需要簡(jiǎn)單的效果調(diào)用和參數(shù)配置,即可實(shí)現(xiàn)各種網(wǎng)頁(yè)互動(dòng)效果,且兼容各種主流瀏覽器。
當(dāng)前,Clever的版本號(hào)為v1.0,珍島營(yíng)銷方面將根據(jù)實(shí)際需要對(duì)其進(jìn)行不斷改進(jìn)和升級(jí)(見下圖)。
Clever的三個(gè)重要意義
1. 開發(fā)人員無需操作JS即可完成特效制作
2. 使用步驟簡(jiǎn)潔,一定程度上提高了前端開發(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ū)動(dòng)營(yíng)銷。珍島營(yíng)銷深諳未來互聯(lián)網(wǎng)營(yíng)銷的兩大趨勢(shì),一類是技術(shù)營(yíng)銷,一類是內(nèi)容營(yíng)銷,將自身定位于“珍島 = 技術(shù)人+廣告人”,長(zhǎng)期致力于網(wǎng)絡(luò)營(yíng)銷技術(shù)的前沿與開發(fā)工作。目前的Clever的版本號(hào)暫為1.0,屬于初期版本。在后續(xù)版本中,我們將會(huì)持續(xù)不斷的對(duì)效果進(jìn)行補(bǔ)充、修改、細(xì)致化等。