v2版本
所在位置:
首页
/
示例演示
ax.splice工具函数示例和使用方法
splice工具用来处理数组,包括增加、删除和修改,核心是使用Arr.splice方法,该方法操作数组可被代理监听到。
3天前更新
tag和tags标记(css)详细使用方法和诸多示例
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
4天前更新
ax.storage缓存数据工具(localStorage和sessionStorage)详细使用方法和诸多示例
storage缓存数据工具集是对localStorage的操作,是对cookie的替代操作;包含了set、get、remove、clear方法;可以将数据以文本的形式永久的保存的本地浏览器,直至用户清空浏览器缓存。
4天前更新
AX-STATS数据统计组件(webcomponent)详细使用方法和诸多示例
stats数据统计主要用来凸显某个数值,可搭配使用icon、disk、tips、unit等属性,让统计组件内容更加丰富;支持reset、set等普通操作方法。
4天前更新
ax.Spy滚动侦听模块(class类)详细使用方法和诸多示例
spy即对IntersectionObserver方法的二次封装,支持进入退出动画;支持与其他元素(menu菜单,anchor菜单)发生联动;可以改变参照父节点;最简单的用法是让进入视窗的元素有缓冲动画效果,比如渐显。
4天前更新
AX-SPIN缓冲器组件(webcomponent)详细使用方法和诸多示例
spin组件静态的显示正在加载的过程,其意义主要是提醒用户等待的作用,并没有其他功能;该组件支持reverse反白显示;支持使用theme主题。
4天前更新
ax.setContent向节点填入内容工具函数详细使用方法和诸多示例
setContent是与getContent相对的工具函数,该工具函数是将已经获得的数据转为可插入节点的内容并填入节点;支持的数据格式包括DOM、纯文本、Object和Array;如果是DOM将整个节点appendchild;如果是纯文本将作为html填入;如果是Object或Array将依赖模板引擎转成文本再填入,支持第三方模板引擎。
4天前更新
ax.scrollTo锚记滚动工具函数详细使用方法和诸多示例
scrollTo锚记滚动是指在单页平滑滚动到指定节点或指定位置(相对顶部的距离);如果没有参数将直接滚动到网页顶部;可以指定父节点内部滚动;可设定滚动偏移距离offset;可设置滚动速度和运动曲线。
4天前更新
ax.renderTpl渲染模板引擎工具函数详细使用方法和诸多示例
renderTpl是一个模板引擎,可以将数据(Object或Array)渲染成指定格式的文本;模板文本使用{{}}和{{/}}两组模板字符串进行分割;模板文本中的this指向数据本身;最终输出纯文本内容。
4天前更新
AX-RADIO单选表单域组件(webcomponent)详细使用方法和诸多示例
radio单选表单域组件是对原生type=radio的二次封装,支持三种状态check、checking和checked;支持多种尺寸以适合不同的表单结构;支持数据缓存和表单校验;支持chera结构形式;支持reset、set、clear等基本的操作方法。
4天前更新
AX-RADIOS单选组组件(webcomponent)详细使用方法和诸多示例
radios组件是多个radio单选表单域的合集,支持批量设置attributes属性,支持reset、set、clear等基本的操作方法
4天前更新
ax.Position定位引擎模块(class类)详细使用方法和诸多示例
position定位模块是Popup气泡模块的基础,position模块实现两个节点之间的相对定位关系,通过MutationObserver和ResizeObserver方法监听气泡和目标节点的变化,并时刻监听浏览器resize和scroll事件,随时调整气泡和目标节点的相对关系,并尽可能的展示气泡的内容。
3天前更新
ax.Observe数据代理监听模块(class类)详细使用方法和诸多示例
observe模块是对Proxy代理的封装,除了基本的get、set、delete监听,还支持edit、crud、trigger、complete监听,特别的Observe模块支持deep深度监听;数据类型与Proxy一致,是object和array类型;对数组数据的增删改操作需要使用splice、pop、shift、push等改变数组length的方法才可触发Proxy监听。
4天前更新
AX-NUMBER数值输入组件(webcomponent)详细使用方法和诸多示例
number数值输入组件与input文本输入组件不同的是,该组件只能输入数值,使用方法与type=number的表单域相同,属性也一致,包括min、max、step等;支持校验,支持缓存,并支持基本的操作方法包括reset、set、clear等。
4天前更新
AX-MENU菜单组件(webcomponent)详细使用方法和诸多示例
menu组件的核心是Menu菜单模块,menu组件可以使用Menu模块的所有参数;内置变量ins即为Menu内核,可以使用Menu模块的所有内置变量和操作方法,如果需要简单使用菜单,不涉及复杂的增删改操作,menu组件是比较便捷的选择。
4天前更新
Menu菜单示例和详细使用方法
menu模块主要用来做多级菜单,menu模块是水平导航的基础;支持多种数据格式,支持多个before等待事件,支持expand、collapse、disable、active等基本方法;支持垂直方向spill溢出菜单;支持数据缓存;对SEO友好。
4天前更新
AX-LINE线条组件(webcomponent)详细使用方法和诸多示例
line组件默认可以生成一条直线,效果与hr标签相同,但是line组件不仅可以创建水平横线也可以创建垂直直线;还可以在直线上添加文本以做说明;直线的风格支持solid、dashed和slash;支持四种size。
4天前更新
ax.instance工具函数进行实例管理(class类)的详细使用方法和诸多示例
instance是实例管理的方法合集,包含实例的get、push、clear等方法;AXUI创建的实例都默认添加(push)到了全局变量ax.instance.data当中,通过instance.get方法可重新取得某实例,并对其进行操作;不用担心找不到前文中创建的实例。
4天前更新
AX-ICON图标组件(webcomponent)详细使用方法和诸多示例
icon组件主要用来展示一个图标,图标的形式不限于iconfont图标字体,还可以是svg、png、jpg等图片;支持theme颜色主题和使用label文本,支持多种图文混搭结构。
4天前更新
grid栅格布局/网格布局(CSS)详细使用方法和诸多示例
grid栅格布局或者叫做网格布局,是多列等分布局的重要方法,可以替代table布局和flex弹性布局;另外grid布局方式自带gap间隙而不需要另外写margin或padding;grid布局支持多终端自适应。
4天前更新
flex弹性布局(CSS)详细使用方法和诸多示例
flex弹性布局,是对一个页面进行结构划分的重要方法,可以替代table布局和float布局;flex布局会自动铺满容器(包括水平或垂直方向)而不会塌陷,比较容易实现内容自适应;另外同grid布局一样,flex布局支持多终端自适应。
4天前更新
Post图文板块(HTML+CSS)详细使用方法和诸多示例
post与bullet一样是构成图文列表的子单元,post更多的是强调图片或图片集,突出图片在信息中的作用,当然不用图片仅展示多行文本也是可以的;如果内容叫丰富或者希望尽可能多的显示信息,可使用post代替bullet。
3天前更新
AX-GOOD点赞组件(webcomponent)详细使用方法和诸多示例
good组件除了表示点赞数,还支持label和tips属性,让点赞组件结构更丰富,另外还内置了reset和increase方法,可直接对good组件操作这些方法。
4天前更新
ax.getContent工具函数获得任意内容详细使用方法和诸多示例
getContent工具函数是一个factory工厂函数,可传入text纯文本,html文本,DOM节点,url地址,array数组、object对象、函数或Promise等,最终输出string、array、object和DOM节点四种类型数据。是menu菜单、bubble气泡等模块的核心函数之一。
4天前更新
ax.Dropdown下拉菜单模块(class类)详细使用方法和诸多示例
dropdown下拉菜单模块是继承自popup模块,也就是说dropdown的参数格式与popup相同,dropdown下拉菜单模块强调的是通过创建列表并给目标节点传递checked值;该模块的列表结构是bullet;该模块支持多种列表形式,支持单选和多选列表。
4天前更新
ax.Drawer抽屉模块(class类)-使用数据
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
4天前更新
ax.Drawer抽屉模块(class类)-功能和特性
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
4天前更新
ax.Drawer抽屉模块(class类)-方法和事件
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
4天前更新
AX-DIVIDER分隔线组件(webcomponent)详细使用方法和诸多示例
divider分隔线组件有hr标签和ax-line组件相似的效果,即都可以创建一条水平分隔线;我们将divider分隔线定义得更纯粹,他仅仅是分隔上下文,他是上下文的一部分,他的label文本字号和上下文间距都继承自父层。
4天前更新
AX-DEFORM形变按钮组件(webcomponent)详细使用方法和诸多示例
deform形变按钮组件可以实现一个按钮切换多种表达形式,比如可以从menu菜单切变为close关闭按钮;支持info、menu、add、close、left、right、up、down、menuLeft、menuRight表单形式;支持多种主题风格。
4天前更新
ax.Datetime日期时间选择器模块(class类)示例和详细使用方法
Datetime模块可创建日期选择实例,支持单选或多选日期,也支持选择日期段,支持使用农历,支持自定义事件。
3天前更新
AX-DATETIME日期选择组件(webcomponent)详细使用方法
ax-datetime组件可创建日期选择实例,支持单选或多选日期,也支持选择日期段,支持使用农历,支持自定义事件。
3天前更新
ax.Accordion折叠面板模块(class类)-使用content
Accordion模块可以创建一个可嵌套的折叠面板,支持多种数据格式
3天前更新
ax.Accordion折叠面板模块(class类)-风格化
Accordion模块可以创建一个可嵌套的折叠面板,支持多种数据格式
3天前更新
ax.Accordion折叠面板模块(class类)-使用数据
Accordion模块可以创建一个可嵌套的折叠面板,支持多种数据格式
3天前更新
ax.Accordion折叠面板模块(class类)-功能和特性
Accordion模块可以创建一个可嵌套的折叠面板,支持多种数据格式
3天前更新
ax.Accordion折叠面板模块(class类)-方法和事件
Accordion模块可以创建一个可嵌套的折叠面板,支持多种数据格式
3天前更新
AX-ACCORDION手风琴折叠菜单组件(webcomponent)详细使用方法
ax-accordion组件可以创建一个可嵌套的折叠面板,支持多种数据格式
3天前更新
ax.createTools工具函数详细使用方法和诸多示例
createTools工具函数可以创建一组工具按钮,这些按钮可以纯文本,也可以是纯图标,也可以是文本和图标混合的按钮;可以用在input、textarea、bubble等元素作为操作按钮;支持对按钮绑定事件。
4天前更新
ax.createFooter工具函数详细使用方法和诸多示例
createFooter是给气泡bubble底部创建一组按钮,气泡包括popup、dropdown、dialog和drawer;支持四种layout布局方式;支持除了按钮之外的其他文本元素;支持对底部按钮绑定事件。
4天前更新
110
首页
上一页
1
2
3
下一页
尾页
首页
API接口
通用组件
通用模块
开始使用
原生标准
示例演示
Start开始
Instroduction框架概述
First起步
History更新历史
Language语言国际化
Minimize文件最小化
Prefix样式前缀
Abbreviation命名缩写
Assets静态资源
Component组件
Module模块
Responsive自适应
Vue引入本框架
Basic基础
Alert警告窗
Article文章
Background背景
Border边框
Break空白间隔组件
Button按钮组件
Callout告示组件
Color颜色主题
Container自适应外容器
Deform形变按钮组件
Display&Align呈现和排列
Divider分隔线组件
Drag拖拽模块
Ellipsis单行和多行省略
Flag角标组件
Flex弹性布局
Footer自适应底部
Format特殊格式文本组件
Gesture多终端统一手势库模块
Good点赞组件
Gradient渐变背景
Grid栅格
Group Button按钮组
Group Flex弹性标签组
Group Lamp指示灯标签组
Group Page页签组
Iconfont图标字体
Icon图标组件
Lazy懒加载模块
Line分割线组件
Margin & Padding 外边距和内边距
Notice通知框
Progress进度条模块
Progress进度条组件
Prompt输入窗详细使用方法
Radius圆角
Shadow阴影
Spy滚动侦听模块
Text文本
Twilight白天黑夜切换组件
Width & height元素宽度和高度
Form表单
Checkboxes复选组组件
Checkbox复选组件
Datetime日期时间选择器模块
Datetime日期选择组件
Editor编辑器模块
Editor编辑器组件
Field表单域容器
File单行文件上传组件
Input单行文本输入组件
Number数值输入组件
Radios单选组组件
Radio单选表单域组件
Range范围输入模块
Range范围输入组件
Rate星级评分模块
Rate星级评分组件
Search搜索表单域组件
Select下拉菜单模块
Select下拉菜单组件
Textarea多行文本输入组件
Tooltip气泡提示模块
Upload文件上传
Upload文件上传组件
Valid表单校验
Bubble气泡
Alarm警报闪烁组件
Dialog对话框模块
Drawer抽屉模块
Dropdown下拉菜单模块
Popup气泡模块
Toggle侧边切换按钮组件
Data数据
Accordion手风琴折叠菜单组件
Accordion折叠面板模块
Autocomplete自动补全模块
Avatar头像组件
Badge徽章组件
Buoy浮标组件
Message即时消息模块
Result结果和状态组件
Retrieval检索模块
Spin加载器组件
Stats数据统计组件
Table表格
Tab页签模块
Tags标记(CSS)
Tree树型菜单模块
Tree树型菜单组件
Virtualize虚拟列表
Navigation导航
Breadcrumb面包屑导航
Grade无级菜单
Menu菜单
Navigation水平导航
Pagination分页导航(非模块)
List列表
Bullet简讯
Card卡片
Infinite无限加载模块
Masonry瀑布流布局
Post图文板块
Swipe轮播模块
Other其他
Character特殊字符
Markdown支持
Reset初始化
Size尺寸
v2版本