-
-
-
-
-
-
-
Infinite无限加载是长列表的一种展示方式,该模块将按需加载列表内容;支持自动加载列表和手动触发加载列表,触发次数越多,加载的列表将越长,当然视窗之外的列表项使用content-visibility属性,对内存和性能做了优化处理;无限滚动也属于懒加载范畴,比较适合中小型列表。
-
Swipe模块是轮播图和旋转木马模块,可以实现文本、图片、视频、iframe等媒体内容的轮播呈现。支持拖拽滚动,也支持点击按钮切换滑块;支持异步获取内容,支持插入和删除滑块;响应滑块的变化和外容器的变化,进而自动修正滑块之间的关系。
-
Swipe模块是轮播图和旋转木马模块,可以实现文本、图片、视频、iframe等媒体内容的轮播呈现。支持拖拽滚动,也支持点击按钮切换滑块;支持异步获取内容,支持插入和删除滑块;响应滑块的变化和外容器的变化,进而自动修正滑块之间的关系。
-
Virtualize模块是指virtual scroll虚拟滚动或virtual list虚拟列表。虚拟滚动列表将模拟出常规的滚动条效果,但是并没有真正将整个容器填满,仅渲染若干数据,将用户视线所及的区域铺满而已,理论上支持十万条或更多数据。虚拟列表、懒加载列表和分页列表是前端三大长列表解决方案,各有优劣。
-
ax-select组件可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
ax-select组件可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
Select模块可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
Select模块可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
Select模块可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
Lazy懒加载模块是基于Spy模块的扩展,核心是使用IntersectionObserver这个原生API;支持对img、video、audio、iframe四种标签进行快捷懒加载;另外还支持对其他标签使用async异步加载,异步懒加载的核心是getContent和setContent两个函数。
-
Drag拖拽模块是基于Gesture模块、Flip模块和原生drag/drop事件的,实现任意元素之间相互拖放;支持诸多drag和drop事件,支持自动回弹;支持在桌面端使用原生拖拽事件;支持移动端drag拖拽。
-
Drag拖拽模块是基于Gesture模块、Flip模块和原生drag/drop事件的,实现任意元素之间相互拖放;支持诸多drag和drop事件,支持自动回弹;支持在桌面端使用原生拖拽事件;支持移动端drag拖拽。
-
Drag拖拽模块是基于Gesture模块、Flip模块和原生drag/drop事件的,实现任意元素之间相互拖放;支持诸多drag和drop事件,支持自动回弹;支持在桌面端使用原生拖拽事件;支持移动端drag拖拽。
-
Scroll模拟滚动模块可以重新定义一对父子节点的滚动关系,以模拟的滚动条代替默认的滚动条;最重要的是可以模拟出移动端头尾拖拽空白并反弹效果;另外支持子节点自动吸附,nest嵌套布局,多行多列布局等;该模块是swipe轮播模块的基础模块
-
Gesture手势库是AXUI专用的多终端手势库模块,规范了click单击、dblclick双击、hold长按、cancel取消、scale缩放、rotate旋转事件和translate移动事件,另外还特别处理了桌面端的wheel滚轮事件和右键事件。
-
transformTools工具函数是一组关于transform样式的工具集,包含get、set、matrix方法;get是指获取节点transform样式;set是指设置节点transform样式;matrix是指获取节点transform的矩阵值;包含的值类型有:translate、scale、rotate和skew。
-
ease擦除动画函数是css动画transform动画的函数化;ease动画能实现同transform类似的动画效果,但是ease可以实现全程监听并及时阻断动画进行;支持包括linear、easeOut等6中动画曲线。
-
Autocomplete是基于Popup和Retrieval模块的自动补全模块,实现对input或textarea表单域录入数据时给与自动列表提示,点击项目节点可填入项目value,是搜索模块和组件的基础模块。
-
getIntArr工具函数可以获得多个数组之间的交集,并返回新交集数组;支持有分隔符字符串参与交集计算。
-
arrSort是数组排序的基础工具,既可以实现简单的排序,也可以实现多keys排序和多维排序;以localeCompare排序方法为基础,只要原数据是数组,那么理论上支持任意排序规则;是搜索列表排序的核心函数。
-
getNestProp工具函数是通过字符串格式的属性路径获取对象的值,就是通过类似`a.b.c`属性路径的方式来取值;支持子对象是数组,也支持数组嵌套数组,支持`a[1].b.c`和`[0][1].b.c`这种写法,是arrSort多维排序的基础函数。
-
Retrieval根据关键字对数据进行检索并生成相应的节点,可自动或手动的填充目标节点,可自定义模版字符串和模板引擎;以arrSearch工具函数为核心的数据检索模块,是其他搜索列表的基础模块
-
arrSearch是根据关键词对数组数据进行模糊搜索的工具函数,是AXUI框架进行数据检索的基础,是完成数据关键词搜索的第一步骤。支持模糊搜索和精确搜索,支持多关键词和多属性搜索;可获得检索结果权重,并根据权重进行重新排序。
-
Message模块用于实时显示状态信息,包括success、error、information、question、warning等;支持大图标大标题模式以突出显示内容;支持9个显示位置;支持html文本。
-
wall照片墙主要以豆腐块的形式展示图文信息,是构成图文列表的重要形式;支持使用多行标题、图标、标签、浮层等元素;支持多种豆腐块比例;支持自适应布局。
-
Valid校验模块是对表单域进行值校验,要求表单域需要填写name属性,并且最好使用form节点包裹;当提交表单的时候,validate支持二次校验;支持ajax异步校验;内置了值类型校验、值强度校验、包含字符串类型校验、数值大小校验、数值多少校验等;支持自定义校验方法。
-
Tooltip模块是继承自Popup模块,在原Popup基础上进行了结构简化,取消了footer和tools,并且使用theme参数来填充气泡背景;content主要是纯文本为主。
-
-
splice工具用来处理数组,包括增加、删除和修改,核心是使用Arr.splice方法,该方法操作数组可被代理监听到。
-
-
-
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
-
storage缓存数据工具集是对localStorage的操作,是对cookie的替代操作;包含了set、get、remove、clear方法;可以将数据以文本的形式永久的保存的本地浏览器,直至用户清空浏览器缓存。
-
stats数据统计主要用来凸显某个数值,可搭配使用icon、disk、tips、unit等属性,让统计组件内容更加丰富;支持reset、set等普通操作方法。