easy

一个简洁的 JavaScript 库

easy.js 是一个简洁易用的 JavaScript 库,包含了核心库和组件库。核心库有符合 W3C 标准的 CSS3 选择器,常用的 DOM 操作方法,增强的动画模块,支持 promise 模式的 ajax 模块以及优雅便捷的事件处理模块。easy.js 还集成了模块加载器,遵循 AMD 的模块化规范。

组件库是基于核心库开发的,目前为止有一些最常见的组件诸如 Drag(拖拽)、Switchable(轮播)、Lazyload(延迟加载)、Dialog(对话框)等等,后续还会继续开发更多的常用组件。

easy.js 为什么能提高你的开发效率?
让 DOM 操作化繁为简,不再担心浏览器的兼容
模块化能更好的组织和管理代码
组件使用简单,便于扩展

快速上手

定义一个模块,将以下代码保存成 hello.js 文件:

define(function(){
    // 该模块返回一个由easyJS封装的div元素    
    return E( '
hello easy.js !
' ); });

使用该模块:

var btn = E( '#demoHelloBtn' );
// 为按钮绑定一个一次性的事件
btn.one( 'click', function( e ){
    // 加载hello模块
    E.use( 'hello', function( helloDiv ){
        var win = E( window );
        // 将模块中的div插入到body中
        E( 'body' ).append( helloDiv );        
        // 设置div出现在页面的左下角
        helloDiv.css( 'top', win.scrollTop() + win.height() - 150 + 'px' )
            // 动画效果展示
            .anim({
                to : { left : '0px' },
                easing : 'doubleSqrt'
            });            
    });        
    e.preventDefault();         
});
运行

开源

easy.js 遵循 MIT 协议,个人和企业都可以免费使用,easy.js on github

交流讨论

QQ群:202604349