当前位置:首页 > 公司热点 > 轻量级JS库Clever助WEB前端开发起飞

轻量级JS库Clever助WEB前端开发起飞

来 源:http://www.trueland.net/ 发布时间:2013-07-12 17:02:54 点击次数:66240

  近日,在珍岛营销技术人员的努力下,成功完成了轻量化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

  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“表示轮播效果


  图注:data-effect-type=“Slide“表示为轮播效果


  整合网络资源,技术驱动营销。珍岛营销深谙未来互联网营销的两大趋势,一类是技术营销,一类是内容营销,将自身定位于“珍岛 = 技术人+广告人”,长期致力于网络营销技术的前沿与开发工作。目前的Clever的版本号暂为1.0,属于初期版本。在后续版本中,我们将会持续不断的对效果进行补充、修改、细致化等。

留言、咨询与反馈
我们会在1个工作日内和您联系(工作时间 周一至周五 9:00-18:00)
留言、咨询与反馈
请填写联系方式

网站提交留言-隐私协议

感谢您浏览本网站相关信息!

1、本协议是用户(“您”)与本网站所订立的契约,为方便您深入了解业务及提交需求等,本网站将为您提供更加个性化的留言表单服务,您在提交留言表单时,我们可能会收集和使用您的相关信息。我们非常重视用户信息的保护,我们将按照法律法规要求,采取相应的安全保护措施。

2、除非您已充分阅读、理解并同意接受和遵守本协议,否则,请勿提交留言表单。 您如果继续提交即表示接受本协议,本协议即在您与本网站之间产生法律效应。