跨平台移动前端框架AUI 2.0

Posted 2021-04-05 WEB前端之家08

谈到移动前端框架，我想大家都会知道jQuery Mobile，就我个人而言，嫌他太笨重了，代码繁冗，垃圾太多。就跟我在选择博客系统一样，宁愿放弃功能强大的wordpress，去选择zblog，或者自己跟朋友一起去写个后台。不过话说回来，不管是jQuery Mobile，还是wordpress，它们都只有自己的优点所在，我们要做的吸取它们的精华，这样才能进步。

今天我主要介绍一款比较实用的跨平台移动前端框架：AUI。现在已经是2.0版本，先前也了解1.0，觉得功能不行，BUG多；现在的2.0版本让我眼前一亮，改进了太多，新增了很多功能。

好吧，我都迫不及待的想分享出来了，往下看吧。

AUI 2.0介绍：

组件丰富，模块化

使用容器+布局+模块的架构房事，JS组件辅助，更自由灵活，更易扩展使用；flex弹性布局更灵活。

原生体验

遵循Google Material设计规范，标准严谨的语法，更细致的处理，让APICloud开发像素级应用，完美适配各个机型。

轻量级，高性能

几十K的核心CSS文件，移动设备优先，面向 html5 开发，使用 CSS3 来做动画交互，平滑、高效，更适合移动设备。

MIT License

AUI使用MIT协议，用户可以自由使用、复制、修改、合并、出版发行、散布、再授权及贩售 AUI 及其副本。

AUI2.0的重新架构充分站在项目开发的角度上，以解决布局样式为重点，组件模块化为辅助进行全面优化调整，可以说2.0版本的AUI更合适项目的开 发。我们从细节入手，让AUI做出来的APP达到像素及应用的标准，遵循Google Material设计规范，让行里行间的代码发挥她的极致效果。

AUI2.0功能亮点

1、遵循Google Material设计规范，使用MIT开源协议

2、更加严谨和简洁的代码规范；

3、rem的使用，完美适应不同分辨率的移动设备；

4、自定义主题皮肤样式，快速定制适合你的主题方案、搭建夜间主题模式及控制主题切换时间等；

5、简单的列表布局确保罗万象，组合式运用、模块化组装、响应式布局，快速完成APP布局样式；

6、全新架构方式，采用容器+布局+组件的方式进行拼装，方便开发者快速上手；

7、1px在更加严谨的处理方式；

8、全新的iconfont图标库

9、完美兼容ios 5.1+ 、 android4.2+

AUI2.0下载

猛戳连接：

http://www.jiangweishan.com/download/aui-20160720-v2.0.zip

总结

后面主要分享AUI2.0如何操作以及应用，分为以下几个章节：

● 基础知识 - 跨平台移动前端框架AUI 2.0

http://www.jiangweishan.com/article/mobile-aui2.html

● 常用item - 跨平台移动前端框架AUI 2.0

http://www.jiangweishan.com/article/mobile-aui3.html

● 表单 - 跨平台移动前端框架AUI 2.0

http://www.jiangweishan.com/article/mobile-aui4.html

● 列表和排版布局 - 跨平台移动前端框架AUI 2.0

http://www.jiangweishan.com/article/mobile-aui5.html

● 页面基本交互 - 跨平台移动前端框架AUI 2.0

http://www.jiangweishan.com/article/mobile-aui6.html

● 组件 - 跨平台移动前端框架AUI 2.0

http://www.jiangweishan.com/article/mobile-aui7.html