Introduction 框架概述
前言
经历AXUIv1.0之后发现，企图通过css解决大部分问题是做不到的，目前市面上的网页项目基本上都需要不少交互效果，在交互层面天然需要javascript支持。基于这一点必须强化JavaScript对框架的支撑力度，以确保提供更多的交互效果。
jQuery的许多特性已经被javascript标准吸收，原生js取代jQuery是大势所趋，放弃jQuery是明智而果断的选择；另外jQuery之外涌现了三大框架，国内特别以VUE为尊，围绕VUE诞生了不少优秀的UI框架，即便如此潮流也不能保证会长盛不衰。为了保证独立性，AXUI不加入任何框架阵营，坚持使用VanillaJS(原生JS)，因为独立或许可以被任何框架拉拢融合，这也是我们所期望的。
LayUI说他是给后台工程师用的；AntDesign说他适合基于数据驱动的中后台产品；AXUI面向设计，更关注UI层，更关心是否方便使用，是否能快速部署项目。总体而言，AXUI适合中小型管理系统开发、行业和门户网站开发、H5/楼书/微站制作。
AXUI的理念是：能用css实现的不用js，需要使用js则尽量少用，需要大量使用js则尽量可复用。
目录结构和说明
列举ax前端框架的核心文件目录结构，一目了然。
├── dist/ │ ├── css/ │ │ ├── ax.css │ │ ├── ax-response.css │ ├── images/ │ │ ├── avatar.svg │ │ ├── empty.svg │ │ ├── loading.gif │ │ ├── loading.svg │ │ ├── loading-white.svg │ ├── js/ │ │ ├── ax.js │ │ ├── ax.min.js │ ├── fonts/ │ │ ├── DINCond-Light.otf │ │ ├── DINCond-Regular.otf │ │ ├── DINCond-Medium.otf │ │ ├── DINCond-Bold.otf │ │ ├── DINCond-Black.otf │ ├── plugins/ |
发布文件
样式资源
核心样式
自适应样式（可选，需要多终端自适应时请引用）
图片资源
默认头像
版权图片
空内容提示图片
内容加载Gif格式
内容加载Svg格式
内容加载Svg格式（适用于深色底）
脚本资源
核心脚本
核心脚本压缩版
字体资源
DINCond字体Light（可选）
DINCond字体Regular（可选）
DINCond字体Medium（可选）
DINCond字体Bold（可选）
DINCond字体Black（可选）
插件资源
|
核心文件说明
AXUIv2.0的核心文件只有两个：ax.css和ax.js，只要页面引入这两个文件便可以跑起来主体内容。ax-response.css是用于适配移动端的样式文件，如果项目只应用在PC或大屏上则无需引入该文件；plugins文件夹中放置的是演示文件中使用过的第三方插件。
ax.js文件包含四个部分：
- 1、独立库。头部引用若干全框架使用的第三方独立库，比如fuse.js。
- 2、公共函数。定义了系列全框架使用的常用工具函数，比如axSlideUp(dom)。
- 3、插件。定了页面交互是常用的插件，比如axDialog(dom,options)。
- 4、立即执行片段。对于非插件类的操作，通常需要搭配部分js代码以确保交互流畅，比如全选和非全选操作。
ax.js中的公共函数和插件均以ax开头，以确保不会污染全局。