近日,在
珍岛营销技术人员的努力下,成功完成了轻量化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,属于初期版本。在后续版本中,我们将会持续不断的对效果进行补充、修改、细致化等。