##Cyer Cyer是一个轻量、小巧的js框架,精简易懂的API设计,支持链式调用,有点jQuery的味道。核心部分为选择器(selector)、dom操作、event机制。
从大二下半学期到现在,接触js也有一段时间了,以前一直使用jQuery处理页面的交互效果,在赞叹jQuery简洁的API以及其实现技巧如此强大的同时逐渐发现js的重要性。
于是就有了构建一个适合自己的js框架的想法,参考jQuery的架构,API应该简洁易懂,且兼容主流浏览器Firefox、chrome、IE以及IE6+。 全局对象使用美元符号$,在$(Cyer的简写)里调用一个初始化init构造函数并返回一个实例对象,而不是使用new操作符直接调用$构造器生成实例,并且每个原型方法都返回$实例对象,以便实现链式调用。$对象包含原型方法(实例对象共享的方法)和全局函数(挂在$全局对象上的函数,也可称做静态方法)。
核心部分主要为selector(用于获取和遍历页面上的元素)、dom操作、event机制,暂不支持animate功能。具体实现请看源码,里面有详细的注释和说明。
- 一:对匹配元素追加或前置节点或HTML内容的方法;
- 二:对匹配元素进行移动和替换的方法;
- 三:插入一段HTML内容到匹配的元素或元素集合之前或之后;
注:该四个API都返回实例对象,以便实现链式调用。
新增全局函数:$.IO
新增实例对象:
新增API:$.io.ajax()
修改的API:$.each()
introduction: 该API主要封装了一个浏览器与服务器端进行通讯的简单ajax实现,该方法接收一个对象参数,支持服务器响应成功后返回的数据格式有:text、html、xml。
usage: 因为该模块独立出来,使用前请先引入Cyer-1.0.2.js文件,再引入该ajax.js文件即可。
注意,测试时请在服务器端进行测试。
增加domReady事件,只要DOM结构加载完毕,脚本就可以尽快运行,而不用等页面元素全部加载完毕(触发load事件)后才执行相应代码,使页面加载速度更快。使用时类似于jQuery简写的dom就绪事件。 usage:
$(function() { // do something });
在线API文档:http://hcy2367.github.io/Cyer