# Cyer **Repository Path**: mirrors_singod/Cyer ## Basic Information - **Project Name**: Cyer - **Description**: Cyer是一个轻量、小巧的js框架，精简易懂的API设计，支持链式调用，有点jQuery的味道。核心部分为选择器(selector)、dom操作、event机制。 - **Primary Language**: Unknown - **License**: LGPL-3.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-09-25 - **Last Updated**: 2026-03-08 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ##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：

主要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