Instroduction框架概述

阐述AXUI框架开发v3版本的心路历程,既是积累经验,也是厚积薄发;保持初心,忠于原生js标准、css标准和html标准,打造更便捷更好用的UI前端框架。

前言

AXUI框架经历了第一代版本和第二代版本,充分认识到纯css和html的不足,也认识到太多手搓代码对用户的不友好,AXUI应该做到:既符合原生前端的要求,又应该简单好用。

纵观当前前端开发的技术圈子,始终绕不开react、vue和angular,以及这些当代框架衍生出来的一系列技术理念,比如双向绑定、状态存储、数据驱动、虚拟DOM、JSX等,但是这些基础框架根本还是限于JavaScript这门前端语言,他们始终不可能超出该语言的技术应用范围,我们想这些框架最终也会向jQuery一样,会被新的技术框架所取代或者分食。

我们并不反对很多个人或者团队会基于jQuery和三大前端框架再开发新的前端框架,这些新框架可能会更加便捷和好用,但是他们的BUG解决和更新进度可能会依赖那些基础框架的BUG解决和更新进度,我们认为这并不是一个好主意。

前端开发的根基在于JavaScript(Typescript)、CSS和HTML,是这三个语言搭建了前端的基石,我们将剔除所有中间环节,不会苑囿于其他框架,我们只追随ESM标准、CSS标准和HMTL标准。

在AXUI的v3版本开发过程中,已经革新性的用到了最新的css和js技术,包括css变量、:where伪类、:has伪类、webcomponent自定义组件、Proxy代理等,同时考虑到浏览器的兼容性,将技术标准限制在当前时间的一年之前。为此,v3版本从css定义、js编写模式和标签的选取都重来了一遍,除了命名之外几乎完全不同于v2版本。

对于原子化的Module模块,用户可直接使用或再次封装;对于Webcomponent自定义组件,复制即可用,不用初始化;对于纯css+html的组件,内容完全由用户定义,可充分发挥用户的审美和手搓能力。

我们想做得更好,只需要用户给我们些时间。

AXUI的理念是:能用css实现的不用js,需要使用js则尽量少用,需要大量使用js则尽量可复用。

目录结构说明

                      
dist/
|-- js/
|   |-- ax.js
|   |-- ax.min.js
|   |-- ax.cjs.js
|   |-- ax.cjs.min.js
|   |-- ax.esm.js
|   `-- ax.esm.min.js
|-- css/
|   |-- ax.css
|   `-- ax.min.css