ICEUI前端框架开发说明

官方网站:https://www.iceui.net/iceui/index.html

iceui是一款前后端框架,主要分两部分组成(ice和ui,呵呵,是不是很滑稽?),所以需要通过两大模块来充分介绍iceui,第一部分是一个单独的ice.js,第二部分是需要依赖ice.js的ui.js。

ice.js是一个快速、简洁的JavaScript框架,它封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

ice的核心特性可以总结为:

  1. 具有独特的链式语法和短小清晰的多功能接口;
  2. 具有高效灵活的css选择器,并且可对CSS选择器进行扩展;
  3. 拥有便捷的插件扩展机制和丰富的插件。
  4. 兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

是不是跟jQuery一样?why?其实jq已经很出色了,但是对我来说我具有强烈的代码洁癖,甚至已经到了匪夷所思的地步,我也不清楚我为什么会变成这样,我喜欢完美,代码整洁,如果用jQuery做一套框架的话,感觉不像是自己的亲生孩子,所以以至于我自己开发了一套JavaScript框架,我取名为ice,「冰」的意思,你可以看成是冰清玉洁的意思,最后经过很长一段时间的编程,最后终于搞定,纯模块化开发,经过大量的性能测试,ice的选择器要比jQuery快速的多,没错,ice封装了jQuery常用的功能,大家都知道jQuery的$,以防起冲突,最后我决定用ice,例如你想要获取某个元素的对象,可以这么做:ice('.item div'),动态添加淡入效果:ice('.item div').fadeIn()

ice更加简洁,运行更快,文件更小,只有21k

解释到这里大家就明白了,ice.js是iceui的内核;ui.js是iceui的前端界面,内置各种插件,例如代码高亮code,时间选择器date。

接下来解释ui.js,ui就是控制前端界面的ui部分,为了让大家更方便的编写前端界面,ui内置了很多插件,和一些ui控制,只需要添加class即可,html5的界面中经常遇到背景图固定,滚动的时候不会随着页面滚动,只需要在元素上添加parallax-img属性即可,里面直接写上背景图片的地址。

很多动画效果不需要你来写复杂的js,因为我已经帮你实现了,重要的事情说三遍,只需要添加class或者attr!

html5运用了大量的动画效果,使用户可以得到更好的体验,例如文字逐个飞入特效,只需要添加一条class  ani-one-in  就能实现,页面滚动到某个元素上添加相应的class,只需要添加一条scroll-class属性即可,就这么方便!






« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。