所在位置:首页 / API接口 / 开始使用
AXUI的js和css文件是使用terser手动压缩的,一共压缩了3个js文件和1个css文件;如果用户修改AXUI的源码则需要重新压缩文件,建议安装terser压缩工具,该压缩工具支持比较新的JavaScript语法。
21小时前更新
AXUI的css样式是使用"_"前缀作为命名空间的,他应该为私有或独有的特殊字符,用户不应该再使用该字符来写css样式;该前缀可通过powershell文件批量修改,修改之后重新打包即可。
21小时前更新
AXUI的语言包存放在src/scripts/lang目录下,默认使用zh-CN简体中文,自带了多国语言包以实现框架国际化;如果需使用本框架没有涵盖的语言可通过对应修改某语言包以实现自定义。语言包使用export default默认导出。
1天前更新
讲述如何使用标准模板创建第一个AXUI页面;引用js和css文件的多种方式;提供codepen在线示例;开始使用AXUI前端框架。
2天前更新
展示AXUI前端框架开发和版本更新历程,并在此页面公开发布历史版本号。
2天前更新
阐述AXUI框架开发v3版本的心路历程,既是积累经验,也是厚积薄发;保持初心,忠于原生js标准、css标准和html标准,打造更便捷更好用的UI前端框架。
1周前更新
通过多种方式实现多终端自适应responsive,通过@media min/max-width做宽度适配查询,通过终端自适应样式_xxs-1,_xs-2等实现自适应,通过@media any-hover做移动端终端适配查询,通过breakpoints函数做断点参数设定,通过_hide-xxs~lg进行不同终端隐藏元素。
2周前更新
WebComponents组件是es6标准,可以部分代替vue或react等数据响应式框架的部分功能,关键是Webcomponents获得标准支持,原生可用;基于webcomponents标准,AXUI的组件分为两类,一类是有至少一个模块内核的webcomponents组件,修改attributes属性等同于更新模块的参数(使用update方法),例如AX-MENU自定义标签,其内核是Menu模块;第二类是没有核心模块的普通webcomponents组件,通过修改其自身的attributes即可更新参数,例如AX-LINE等。
2周前更新
Module模块是封装好的class类,这些模块通常功能单一、通用,并且支持一系列的操作方法;模块的重要意义是方便其他组件或模块引用,也方便用户基于这些module模块进行再次封装,例如Popup、Position、Dialog、Alert、Valid等模块;Module模块主要分三类,一类是有节点宿主的,例如Drawer;二类是有数据宿主的,例如Observe;三类是其他参数未定型的模块,例如Popup有三个参数(宿主节点、气泡节点和模块参数)
2周前更新
变量和命名缩写首先是为了提高开发者编程效率,其次是为了使用者方便记忆和快速使用,最后是为了压缩文件大小,不过最终使用框架代码的时候通常会使用min版本,这类版本已经不在乎短命名带来的文件尺寸变化;变量和命名缩写都是采用国际通行的、可读的方式进行,但是有些时候为了方便统一管理而自创了部分缩写,这类缩写主要体现在css变量当中,例如_c-prim-tl,其完整的意思是color+primary+translucent即半透明主色,其中translucent在英文编程界没有缩写,所以自创以tl作为缩写。
2周前更新