1024, Happy Programmer's Day

#BlackLivesMatter Support the Equal Justice Initiative.

#DeveloperLivesMatter 996 ICU

gQuery

高效构建快速且强大的前端项目

Coding...

新一代函数库

支持 CSS3 选择器查找元素及样式属性操作,使用原生动画 API,兼容所有主流浏览器。

丰富组件及调及用

gQuery 提供了许多丰富且稳健的功能函数,助力高效构建您精彩的应用。
gQuery UI 提供了丰富的布局辅助、小组件,自定义它们非常容易。

与 jQuery 一样好用的 $

  • gQuery 也同时提供了原型链及方法链,更高效且易于使用,如在原型链提供了 .wait 时延等。
  • 方法链中高度封装了许多丰富的功能,如 Storage / Cookie / Array / Date / ChainGenerator 等。
$('h2[class^=i18n-]').data({this:1, is:2, gquery:3});
[gQuery Prototype Object]
$('.is-inner > .wrap-icon').fadeOut(500).wait(1000).fadeIn();
[gQuery Dummy Object]
$.storage.set('TTL-Msg', {A:'y19',B:'boy',C:'🌈'}, '+2min');
// This will expire in 2 minutes
$.storage.get('TTL-Msg');
'{"A":"y19","B":"boy","C":"🌈"}'
$.array.finder([{role:'L'},{role:'G'},{role:'B'},{role:'T'},{role:'Q'},{role:'I'}], {role:'B'});
{
    "index": 2,
    "array": {
        "role": "B"
    }
}
$.date(1630862585909).format('本世纪第yy年的m月d日 hh:ii:ss');
'本世纪第21年的9月6日 01:23:05'
$.date('2021-10-28').calc('+2month -30 days +56s').diff(1630862585909).ago()
'2个月前'

现代化自适应 UI

  • gQuery UI 提供自适应布局,支持多端设备。以及现代化扁平风格组件,天然支持浅色/深色主题。
  • 极简化:简单好用,组件明确。可选择性引入 GQUI.JS 以获得功能增强。
  • 辅助布局:提供网格系统、灵活盒子、字体控制、文章系统、灵活边距、丰富组件等助力高效开发。

gQuery 是一个正茁壮成长的前端框架系统

gQuery 是免费且开源的