-
createFooter是给气泡bubble底部创建一组按钮,气泡包括popup、dropdown、dialog和drawer;支持四种layout布局方式;支持除了按钮之外的其他文本元素;支持对底部按钮绑定事件。
-
-
splice工具用来处理数组,包括增加、删除和修改,核心是使用Arr.splice方法,该方法操作数组可被代理监听到。
-
ax-select组件可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
-
-
-
grid栅格布局或者叫做网格布局,是多列等分布局的重要方法,可以替代table布局和flex弹性布局;另外grid布局方式自带gap间隙而不需要另外写margin或padding;grid布局支持多终端自适应。
-
icon组件主要用来展示一个图标,图标的形式不限于iconfont图标字体,还可以是svg、png、jpg等图片;支持theme颜色主题和使用label文本,支持多种图文混搭结构。
-
renderTpl是一个模板引擎,可以将数据(Object或Array)渲染成指定格式的文本;模板文本使用{{}}和{{/}}两组模板字符串进行分割;模板文本中的this指向数据本身;最终输出纯文本内容。
-
Autocomplete是基于Popup和Retrieval模块的自动补全模块,实现对input或textarea表单域录入数据时给与自动列表提示,点击项目节点可填入项目value,是搜索模块和组件的基础模块。
-
-
-
classes是对原生classList方法组的增强,支持一次性添加多个class样式类(add方法),支持一次性取消多个class样式类(remove方法),支持toggle某个样式类(replace方法)。
-
post与bullet一样是构成图文列表的子单元,post更多的是强调图片或图片集,突出图片在信息中的作用,当然不用图片仅展示多行文本也是可以的;如果内容叫丰富或者希望尽可能多的显示信息,可使用post代替bullet。
-
instance是实例管理的方法合集,包含实例的get、push、clear等方法;AXUI创建的实例都默认添加(push)到了全局变量ax.instance.data当中,通过instance.get方法可重新取得某实例,并对其进行操作;不用担心找不到前文中创建的实例。
-
storage缓存数据工具集是对localStorage的操作,是对cookie的替代操作;包含了set、get、remove、clear方法;可以将数据以文本的形式永久的保存的本地浏览器,直至用户清空浏览器缓存。
-
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
-
arrSort是数组排序的基础工具,既可以实现简单的排序,也可以实现多keys排序和多维排序;以localeCompare排序方法为基础,只要原数据是数组,那么理论上支持任意排序规则;是搜索列表排序的核心函数。
-
transformTools工具函数是一组关于transform样式的工具集,包含get、set、matrix方法;get是指获取节点transform样式;set是指设置节点transform样式;matrix是指获取节点transform的矩阵值;包含的值类型有:translate、scale、rotate和skew。
-
-
Select模块可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
ax-accordion组件可以创建一个可嵌套的折叠面板,支持多种数据格式
-
ax.attrJoinVal('role','test')输出{role:'test'};最终值如何依赖于map参数,map参数值是什么类型,那么输出的标准对象的值就是什么类型。该工具函数的核心是以new Function方式处理文本的,传递的参数应该能被new Function支持。该函数比较适合将节点上的attrs转为标准对象。
-
divider分隔线组件有hr标签和ax-line组件相似的效果,即都可以创建一条水平分隔线;我们将divider分隔线定义得更纯粹,他仅仅是分隔上下文,他是上下文的一部分,他的label文本字号和上下文间距都继承自父层。
-
flex弹性布局,是对一个页面进行结构划分的重要方法,可以替代table布局和float布局;flex布局会自动铺满容器(包括水平或垂直方向)而不会塌陷,比较容易实现内容自适应;另外同grid布局一样,flex布局支持多终端自适应。
-
scrollTo锚记滚动是指在单页平滑滚动到指定节点或指定位置(相对顶部的距离);如果没有参数将直接滚动到网页顶部;可以指定父节点内部滚动;可设定滚动偏移距离offset;可设置滚动速度和运动曲线。
-
-
breakpoints工具函数是一个自适应函数,他可以根据浏览器可视宽度自动修正对象的属性值;合并原对象的值,不输出新对象;支持浏览器可视宽度判断,支持是否是移动端判断,支持指定宽度判断。是使用js实现终端自适应的一个重要途径。基本上每个模块都支持breakpoints断点方法。
-
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
-
line组件默认可以生成一条直线,效果与hr标签相同,但是line组件不仅可以创建水平横线也可以创建垂直直线;还可以在直线上添加文本以做说明;直线的风格支持solid、dashed和slash;支持四种size。
-
menu组件的核心是Menu菜单模块,menu组件可以使用Menu模块的所有参数;内置变量ins即为Menu内核,可以使用Menu模块的所有内置变量和操作方法,如果需要简单使用菜单,不涉及复杂的增删改操作,menu组件是比较便捷的选择。
-
setContent是与getContent相对的工具函数,该工具函数是将已经获得的数据转为可插入节点的内容并填入节点;支持的数据格式包括DOM、纯文本、Object和Array;如果是DOM将整个节点appendchild;如果是纯文本将作为html填入;如果是Object或Array将依赖模板引擎转成文本再填入,支持第三方模板引擎。
-
getNestProp工具函数是通过字符串格式的属性路径获取对象的值,就是通过类似`a.b.c`属性路径的方式来取值;支持子对象是数组,也支持数组嵌套数组,支持`a[1].b.c`和`[0][1].b.c`这种写法,是arrSort多维排序的基础函数。