Skip to content
/ Cyer Public

Cyer是一个轻量、小巧的js框架,精简易懂的API设计,支持链式调用,有点jQuery的味道。核心部分为选择器(selector)、dom操作、event机制。

License

Notifications You must be signed in to change notification settings

hcy2367/Cyer

Repository files navigation

##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功能。具体实现请看源码,里面有详细的注释和说明。


Cyer-v1.0.1版本增加的API:

  • 一:对匹配元素追加或前置节点或HTML内容的方法;
  • 二:对匹配元素进行移动和替换的方法;
  • 三:插入一段HTML内容到匹配的元素或元素集合之前或之后;
主要API有:
(1)append
向匹配的元素内部追加节点或HTML内容(注意:追加的HTML内容或节点还是在该匹配元素内部,只不过是成为其最后一个子节点(当存在子节点时))。
(2)prepend
向匹配的元素内部前置节点或HTML内容(注意:前置的HTML内容或节点还是在该匹配元素内部,只不过是成为其第一个子节点(当存在子节点时))。
(3)before
把一个元素或HTML内容移动到匹配的元素之前。
(4)after
把一个元素或HTML内容移动到匹配的元素之后。

注:该四个API都返回实例对象,以便实现链式调用。


v1.0.2版本增加的API:

新增全局函数:$.IO

新增实例对象:$.io = new $.IO()

新增API:$.io.ajax()

修改的API:$.each()

introduction: 该API主要封装了一个浏览器与服务器端进行通讯的简单ajax实现,该方法接收一个对象参数,支持服务器响应成功后返回的数据格式有:text、html、xml。

usage: 因为该模块独立出来,使用前请先引入Cyer-1.0.2.js文件,再引入该ajax.js文件即可。

注意,测试时请在服务器端进行测试。


v1.0.3版本增加的API:

增加domReady事件,只要DOM结构加载完毕,脚本就可以尽快运行,而不用等页面元素全部加载完毕(触发load事件)后才执行相应代码,使页面加载速度更快。使用时类似于jQuery简写的dom就绪事件。 usage:

$(function() {
  // do something
});

在线API文档:http://hcy2367.github.io/Cyer

About

Cyer是一个轻量、小巧的js框架,精简易懂的API设计,支持链式调用,有点jQuery的味道。核心部分为选择器(selector)、dom操作、event机制。

Resources

License

Stars

Watchers

Forks

Packages

No packages published