所在位置:首页 / 示例演示
Lazy懒加载模块是基于Spy模块的扩展,核心是使用IntersectionObserver这个原生API;支持对img、video、audio、iframe四种标签进行快捷懒加载;另外还支持对其他标签使用async异步加载,异步懒加载的核心是getContent和setContent两个函数。
3周前更新
Drag拖拽模块是基于Gesture模块的,实现任意元素之间相互拖放;支持dropping和dropped事件,支持自动回弹;没有使用原生的drag相关事件;支持移动端drag拖拽。
1个月前更新
Scroll模拟滚动模块可以重新定义一对父子节点的滚动关系,以模拟的滚动条代替默认的滚动条;最重要的是可以模拟出移动端头尾拖拽空白并反弹效果;另外支持子节点自动吸附,nest嵌套布局,多行多列布局等;该模块是swipe轮播模块的基础模块
1个月前更新
Gesture手势库是AXUI专用的多终端手势库模块,规范了click单击、dblclick双击、hold长按、cancel取消、scale缩放、rotate旋转事件和translate移动事件,另外还特别处理了桌面端的wheel滚轮事件和右键事件。
1个月前更新
transformTools工具函数是一组关于transform样式的工具集,包含get、set、matrix方法;get是指获取节点transform样式;set是指设置节点transform样式;matrix是指获取节点transform的矩阵值;包含的值类型有:translate、scale、rotate和skew。
1个月前更新
ease擦除动画函数是css动画transform动画的函数化;ease动画能实现同transform类似的动画效果,但是ease可以实现全程监听并及时阻断动画进行;支持包括linear、easeOut等6中动画曲线。
1个月前更新
Autocomplete是基于Popup和Retrieval模块的自动补全模块,实现对input或textarea表单域录入数据时给与自动列表提示,点击项目节点可填入项目value,是搜索模块和组件的基础模块。
1个月前更新
getIntArr工具函数可以获得多个数组之间的交集,并返回新交集数组;支持有分隔符字符串参与交集计算。
2个月前更新
arrSort是数组排序的基础工具,既可以实现简单的排序,也可以实现多keys排序和多维排序;以localeCompare排序方法为基础,只要原数据是数组,那么理论上支持任意排序规则;是搜索列表排序的核心函数。
2个月前更新
getNestProp工具函数是通过字符串格式的属性路径获取对象的值,就是通过类似"a.b.c"属性路径的方式来取值;支持子对象是数组,也支持数组嵌套数组,支持"a[1].b.c"和"[0][1].b.c"这种写法,是arrSort多维排序的基础函数。
2个月前更新
Retrieval根据关键字对数据进行检索并生成相应的节点,可自动或手动的填充目标节点,可自定义模版字符串和模板引擎;以arrSearch工具函数为核心的数据检索模块,是其他搜索列表的基础模块
1个月前更新
arrSearch是根据关键词对数组数据进行模糊搜索的工具函数,是AXUI框架进行数据检索的基础,是完成数据关键词搜索的第一步骤。支持模糊搜索和精确搜索,支持多关键词和多属性搜索;可获得检索结果权重,并根据权重进行重新排序。
2个月前更新
Message模块用于实时显示状态信息,包括success、error、information、question、warning等;支持大图标大标题模式以突出显示内容;支持9个显示位置;支持html文本。
2个月前更新
wall照片墙主要以豆腐块的形式展示图文信息,是构成图文列表的重要形式;支持使用多行标题、图标、标签、浮层等元素;支持多种豆腐块比例;支持自适应布局。
2个月前更新
Valid校验模块是对表单域进行值校验,要求表单域需要填写name属性,并且最好使用form节点包裹;当提交表单的时候,validate支持二次校验;支持ajax异步校验;内置了值类型校验、值强度校验、包含字符串类型校验、数值大小校验、数值多少校验等;支持自定义校验方法。
2个月前更新
Tooltip模块是继承自Popup模块,在原Popup基础上进行了结构简化,取消了footer和tools,并且使用theme参数来填充气泡背景;content主要是纯文本为主。
2个月前更新
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
2个月前更新
storage缓存数据工具集是对localStorage的操作,是对cookie的替代操作;包含了set、get、remove、clear方法;可以将数据以文本的形式永久的保存的本地浏览器,直至用户清空浏览器缓存。
2个月前更新
stats数据统计主要用来凸显某个数值,可搭配使用icon、disk、tips、unit等属性,让统计组件内容更加丰富;支持reset、set等普通操作方法。
2个月前更新
spy即对IntersectionObserver方法的二次封装,支持进入退出动画;支持与其他元素(menu菜单,anchor菜单)发生联动;可以改变参照父节点;最简单的用法是让进入视窗的元素有缓冲动画效果,比如渐显。
2个月前更新
spin组件静态的显示正在加载的过程,其意义主要是提醒用户等待的作用,并没有其他功能;该组件支持reverse反白显示;支持使用theme主题。
2个月前更新
setContent是与getContent相对的工具函数,该工具函数是将已经获得的数据转为可插入节点的内容并填入节点;支持的数据格式包括DOM、纯文本、Object和Array;如果是DOM将整个节点appendchild;如果是纯文本将作为html填入;如果是Object或Array将依赖模板引擎转成文本再填入,支持第三方模板引擎。
2个月前更新
scrollTo锚记滚动是指在单页平滑滚动到指定节点或指定位置(相对顶部的距离);如果没有参数将直接滚动到网页顶部;可以指定父节点内部滚动;可设定滚动偏移距离offset;可设置滚动速度和运动曲线。
2个月前更新
renderTpl是一个模板引擎,可以将数据(Object或Array)渲染成指定格式的文本;模板文本使用{{}}和{{/}}两组模板字符串进行分割;模板文本中的this指向数据本身;最终输出纯文本内容。
2个月前更新
radio单选表单域组件是对原生type=radio的二次封装,支持三种状态check、checking和checked;支持多种尺寸以适合不同的表单结构;支持数据缓存和表单校验;支持chera结构形式;支持reset、set、clear等基本的操作方法。
2个月前更新
radios组件是多个radio单选表单域的合集,支持批量设置attributes属性,支持reset、set、clear等基本的操作方法
2个月前更新
position定位模块是Popup气泡模块的基础,position模块实现两个节点之间的相对定位关系,通过MutationObserver和ResizeObserver方法监听气泡和目标节点的变化,并时刻监听浏览器resize和scroll事件,随时调整气泡和目标节点的相对关系,并尽可能的展示气泡的内容。
2个月前更新
observe模块是对Proxy代理的封装,除了基本的get、set、delete监听,还支持edit、crud、trigger、complete监听,特别的Observe模块支持deep深度监听;数据类型与Proxy一致,是object和array类型;对数组数据的增删改操作需要使用splice、pop、shift、push等改变数组length的方法才可触发Proxy监听。
2个月前更新
number数值输入组件与input文本输入组件不同的是,该组件只能输入数值,使用方法与type=number的表单域相同,属性也一致,包括min、max、step等;支持校验,支持缓存,并支持基本的操作方法包括reset、set、clear等。
2个月前更新
menu组件的核心是Menu菜单模块,menu组件可以使用Menu模块的所有参数;内置变量ins即为Menu内核,可以使用Menu模块的所有内置变量和操作方法,如果需要简单使用菜单,不涉及复杂的增删改操作,menu组件是比较便捷的选择。
2个月前更新
menu模块主要用来做多级菜单,menu模块是水平导航的基础;支持多种数据格式,支持多个before等待事件,支持expand、collapse、disable、active等基本方法;支持垂直方向spill溢出菜单;支持数据缓存;对SEO友好。
2个月前更新
line组件默认可以生成一条直线,效果与hr标签相同,但是line组件不仅可以创建水平横线也可以创建垂直直线;还可以在直线上添加文本以做说明;直线的风格支持solid、dashed和slash;支持四种size。
2个月前更新
instance是实例管理的方法合集,包含实例的get、push、clear等方法;AXUI创建的实例都默认添加(push)到了全局变量ax.instance.data当中,通过instance.get方法可重新取得某实例,并对其进行操作;不用担心找不到前文中创建的实例。
2个月前更新
icon组件主要用来展示一个图标,图标的形式不限于iconfont图标字体,还可以是svg、png、jpg等图片;支持theme颜色主题和使用label文本,支持多种图文混搭结构。
2个月前更新
grid栅格布局或者叫做网格布局,是多列等分布局的重要方法,可以替代table布局和flex弹性布局;另外grid布局方式自带gap间隙而不需要另外写margin或padding;grid布局支持多终端自适应。
2个月前更新
flex弹性布局,是对一个页面进行结构划分的重要方法,可以替代table布局和float布局;flex布局会自动铺满容器(包括水平或垂直方向)而不会塌陷,比较容易实现内容自适应;另外同grid布局一样,flex布局支持多终端自适应。
2个月前更新
graphic与bulletin一样是构成图文列表的子单元,graphic更多的是强调图片或图片集,突出图片在信息中的作用,当然不用图片仅展示多行文本也是可以的;如果内容叫丰富或者希望尽可能多的显示信息,可使用graphic代替bulletin。
2个月前更新
good组件除了表示点赞数,还支持label和tips属性,让点赞组件结构更丰富,另外还内置了reset和increase方法,可直接对good组件操作这些方法。
2个月前更新
getContent工具函数是一个factory工厂函数,可传入text纯文本,html文本,DOM节点,url地址,array数组、object对象、函数或Promise等,最终输出string、array、object和DOM节点四种类型数据。是menu菜单、bubble气泡等模块的核心函数之一。
3周前更新
gesture模块的目的是统一桌面端和移动端的操作事件,比如移动端没有dblclick事件但是桌面端有;移动端有双指缩放和旋转,桌面端没有;移动端没有contextmenu右键事件,但是桌面端有;gesture模块将这些事件统一起来,让移动端实现双击事件和右键事件,让桌面端实现缩放和旋转。
2个月前更新
 61    1 2 下一页 尾页