Hikic.js - 简化复杂网页脚本的 JavaScript 库


Apache
跨平台
JavaScript

软件简介

欢迎使用Hikic!

Hikic是被用来简化复杂网页脚本的轻量级无依赖JavaScript库。

Hikic可以实现许多JQuery库可以实现的功能,同时抛弃了许多JQuery库不常使用的方法,Hikic库比JQuery库更加轻量级,同时也更加实用,比如说cookie这方面。

另外Hikic,还有着强大的AJAX、Cookie、事件和操作DOM的能力,你几乎可以用它去做任何JS能做的事情,而我们的目标,就是“
做更强大的JS,用更简洁的代码 ”。

你可以看到,Hikic1.0 Community的代码总大小不到9kb,和JQuery相比,极其轻量级。

同时Hikic已经可以兼容(IE6.0更低、IE6.0+、google chrome、firefox、safari、opera)等等......

特此说明:Hikic动画并不包含在Hikic的JS文件中,如有需要,请下载HikicAnimation.css(预计2018-05-01推出)

以下是Hikic的方法和功能说明:(目前为1.2版本)

Hikic元素选择器:_(“”)

_("#test").方法

Hikic目前具有:

  • val方法 -获取或设置元素的value值

  • html方法 -获取或设置元素包含的html

  • text方法 -获取或设置元素包含的文本

  • attr方法 -获取或设置元素的属性值

  • addClass方法 -给元素添加一条class属性

  • hasClass方法 -获取元素所具有的class属性

  • removeAttr方法 -删除元素的一个属性

  • removeClass方法 -删除元素的一个class属性里的class值

  • removeHTML方法 -删除所选元素

  • empty方法 -删除所选元素的所有子元素

  • css方法 -获取或设置所选元素的css属性

  • height方法 -获取或设置所选元素的height属性

  • width方法 -获取或设置所选元素的width属性

  • innerWidth方法 -获取元素内部宽度

  • innerHeight方法 -获取元素内部高度

  • parent方法 -获取元素的父节点

  • children方法 -获取元素的所有子节点

  • load方法 -调用AJAX,并将结果存储在元素中

  • cookie方法 -设置和替换cookie,(path不填写则默认为/),如果cookie名称一样则替换

  • getCookieVal方法 -获取cookie的值

  • delCookie方法 -删除一个cookie

  • click方法 -设置元素的点击事件

  • mousemove方法 -设置元素的鼠标移动事件

  • mousedown方法 -设置元素的鼠标按下事件

  • mouseup方法 -设置元素的鼠标抬起事件

  • mouseout方法 -设置元素的鼠标移出事件

  • mouseover方法 -设置元素的鼠标移入事件

  • ready(相当于onload)方法 -设置元素的加载完成事件

  • focus方法 -设置元素获取到焦点的事件

  • blur方法 -设置元素失去焦点的事件

  • show方法 -显示元素

  • hide方法 -隐藏元素

  • lazyLoad方法 -设置元素懒加载

  • setLazyLoadLRT方法 -设置懒加载监听器时间间隔

  • setLazyLoadRange方法 -设置懒加载监听范围

  • append方法 -在被选元素的结尾(仍然在内部)插入指定内容

  • hover方法 -使用鼠标事件来伪造一个css的hover选择器,Hikic的hover方法支持js代码!

另外,从Hikic1.2开始还支持Plugin(插件)的引用,具体制作说明参考test/plugin/testPlugin.js文件里的注释内容

【原本预计在1.2里面的流加载方法并没有在1.2版本加入,如果要使用此功能,请下载Hikic.js官方FlowLoad插件(预计3月20号推出)】