-
Datetime模块可创建日期选择实例,支持单选或多选日期,也支持选择日期段,支持使用农历,支持自定义事件。
-
classes是对原生classList方法组的增强,支持一次性添加多个class样式类(add方法),支持一次性取消多个class样式类(remove方法),支持toggle某个样式类(replace方法)。
-
-
instance是实例管理的方法合集,包含实例的get、push、clear等方法;AXUI创建的实例都默认添加(push)到了全局变量ax.instance.data当中,通过instance.get方法可重新取得某实例,并对其进行操作;不用担心找不到前文中创建的实例。
-
ease擦除动画函数是css动画transform动画的函数化;ease动画能实现同transform类似的动画效果,但是ease可以实现全程监听并及时阻断动画进行;支持包括linear、easeOut等6中动画曲线。
-
transformTools工具函数是一组关于transform样式的工具集,包含get、set、matrix方法;get是指获取节点transform样式;set是指设置节点transform样式;matrix是指获取节点transform的矩阵值;包含的值类型有:translate、scale、rotate和skew。
-
Scroll模拟滚动模块可以重新定义一对父子节点的滚动关系,以模拟的滚动条代替默认的滚动条;最重要的是可以模拟出移动端头尾拖拽空白并反弹效果;另外支持子节点自动吸附,nest嵌套布局,多行多列布局等;该模块是swipe轮播模块的基础模块
-
-
-
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
-
arrSort是数组排序的基础工具,既可以实现简单的排序,也可以实现多keys排序和多维排序;以localeCompare排序方法为基础,只要原数据是数组,那么理论上支持任意排序规则;是搜索列表排序的核心函数。
-
dropdown下拉菜单模块是继承自popup模块,也就是说dropdown的参数格式与popup相同,dropdown下拉菜单模块强调的是通过创建列表并给目标节点传递checked值;该模块的列表结构是bullet;该模块支持多种列表形式,支持单选和多选列表。
-
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
-
menu组件的核心是Menu菜单模块,menu组件可以使用Menu模块的所有参数;内置变量ins即为Menu内核,可以使用Menu模块的所有内置变量和操作方法,如果需要简单使用菜单,不涉及复杂的增删改操作,menu组件是比较便捷的选择。
-
popup气泡是一个基础模块,是dropdown、tooltip等模块的父类;是class类,可以被extend继承;content参数支持多种数据格式,与contType和contData参数配合使用可获取多种格式数据,包括DOM节点、纯文本、html文本、array和object、form表单等;用户可使用内置的模板解析器解析array和object数据,也可以自定义模板引擎。
-
dialog对话框是一个基础模块,是alert、confirm等窗口的基础,也是事件交互的主要形式;同popup和drawer一样,支持多种数据形式;可拖拽不遮挡。
-
Swipe模块是轮播图和旋转木马模块,可以实现文本、图片、视频、iframe等媒体内容的轮播呈现。支持拖拽滚动,也支持点击按钮切换滑块;支持异步获取内容,支持插入和删除滑块;响应滑块的变化和外容器的变化,进而自动修正滑块之间的关系。
-
-
dialog对话框是一个基础模块,是alert、confirm等窗口的基础,也是事件交互的主要形式;同popup和drawer一样,支持多种数据形式;可拖拽不遮挡。
-
dialog对话框是一个基础模块,是alert、confirm等窗口的基础,也是事件交互的主要形式;同popup和drawer一样,支持多种数据形式;可拖拽不遮挡。
-
popup气泡是一个基础模块,是dropdown、tooltip等模块的父类;是class类,可以被extend继承;content参数支持多种数据格式,与contType和contData参数配合使用可获取多种格式数据,包括DOM节点、纯文本、html文本、array和object、form表单等;用户可使用内置的模板解析器解析array和object数据,也可以自定义模板引擎。
-
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
-
通过诸多示例详细展示Tags模块核心参数的使用效果以及Tags模块自身的内部变量和操作方法;另外包括演示模块常规特性,包括事件监听、等待执行、缓存数据、销毁和初始化等。
-
flex弹性布局,是对一个页面进行结构划分的重要方法,可以替代table布局和float布局;flex布局会自动铺满容器(包括水平或垂直方向)而不会塌陷,比较容易实现内容自适应;另外同grid布局一样,flex布局支持多终端自适应。
-
-
讲述color颜色class样式类以及生成颜色的css变量的关系,通过本文可以清晰的了解到AXUI的颜色主题是如何产生的,用户掌握了颜色的css变量之后可以diy自己的风格主题。
-
ax.attrJoinVal('role','test')输出{role:'test'};最终值如何依赖于map参数,map参数值是什么类型,那么输出的标准对象的值就是什么类型。该工具函数的核心是以new Function方式处理文本的,传递的参数应该能被new Function支持。该函数比较适合将节点上的attrs转为标准对象。
-
breakpoints工具函数是一个自适应函数,他可以根据浏览器可视宽度自动修正对象的属性值;合并原对象的值,不输出新对象;支持浏览器可视宽度判断,支持是否是移动端判断,支持指定宽度判断。是使用js实现终端自适应的一个重要途径。基本上每个模块都支持breakpoints断点方法。
-
setContent是与getContent相对的工具函数,该工具函数是将已经获得的数据转为可插入节点的内容并填入节点;支持的数据格式包括DOM、纯文本、Object和Array;如果是DOM将整个节点appendchild;如果是纯文本将作为html填入;如果是Object或Array将依赖模板引擎转成文本再填入,支持第三方模板引擎。
-
getNestProp工具函数是通过字符串格式的属性路径获取对象的值,就是通过类似`a.b.c`属性路径的方式来取值;支持子对象是数组,也支持数组嵌套数组,支持`a[1].b.c`和`[0][1].b.c`这种写法,是arrSort多维排序的基础函数。
-
getIntArr工具函数可以获得多个数组之间的交集,并返回新交集数组;支持有分隔符字符串参与交集计算。
-
Accordion模块可以创建一个可嵌套的折叠面板,支持多种数据格式
-
ax-anchors组件可以基于页面的大标题和小标题自动创建一个标题导航菜单,支持多重标题嵌套
-
Message模块用于实时显示状态信息,包括success、error、information、question、warning等;支持大图标大标题模式以突出显示内容;支持9个显示位置;支持html文本。