继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

是时候安利一下AXUI前端框架了

亚洲李向阳
关注TA
已关注
手记 1
粉丝 0
获赞 1

http://img1.sycdn.imooc.com/5fcba4480001333819031006.jpg

http://img1.sycdn.imooc.com/5fcba44800010c6d19030966.jpg

http://img4.sycdn.imooc.com/5fcba4480001208f19030966.jpg

http://img4.sycdn.imooc.com/5fcba449000135a019030966.jpg

http://img3.sycdn.imooc.com/5fcba4490001219411480685.jpg

先看管网图!

AXUI官网地址:http://www.axui.cn

AXUI实例地址:http://axui.cn/ax-demo.php


前言

现有的许多前端框架都定位为中后台开发,比如ANTDESIGN和ELEMENT,功能和UI都封装好了,前端开发或者后端开发不需要审美,直接拷贝使用;对于专注于开发的人员来说的确简单省事,但是对于有独特审美或者有修改强迫症的人士来说,为达到某个效果,既改CSS,又改JS,还要重构HTML,的确是一件费时费力的事情,如此大费周章还不如自己重写一个辅助插件。所以,我们的框架一定要支持开发人员随心所欲的修改,方便使用框架现有的css类和html结构开发新插件。

很多展示型小型项目没有必要使用大而全的重型框架,比如企业官网,不可能为实现一个特效把诸多JS文件加载到页面,影响打开速度不说,维护都是个问题。小团队做展示型小项目总希望短平快,一套常用代码,不断复用到不同项目中去。所以,我们的框架一定需要考虑到多种设计风格需求,而且框架代码必须是可快速装卸的。

每一个设计师和前端人员在页面搭建上都会经历一段摸爬滚打的过程,他们需要一盏明灯给他们指引,少走弯路,而且最好可以一边学习一边实践,在实践中不断提高页面制作能力。本框架会以流程化的方式构建页面,同时会辅以诸多的在线实例,跟着框架使用说明一步一步,像搭建积木一样,所见所得。

总结:本框架是面向设计,满足设计多样化需求的前端解决方案,减少或剔除JS文件资源和API。


核心文件说明

  • ax.css:包含了常用元素reset,ax风格样式和插件修改样式,未加入终端适配样式。

  • ax-response.css:终端适配文件,引入后可实现终端自适应。

  • ax.js:包含了终端适配、Cookie缓存、Popup弹窗、Scroll滚动条美化、Menu菜单、Tab切换、Drawer抽屉、Select下拉菜单、Lazyshow、Gotop等。

  • svgSprites.js:iconfont的svg版本。


其他说明

本框架引用了jquery-1.10.2.js,该版本比较稳定,当然您使用其他jq版本也是没问题的,建议使用1.8以上版本。


关于AXUI

ax的中文意义是:斧子,读音[aeks],取其攻击力强、简单实用之意为本前端框架命名。本团队开发了诸多网站项目,使用了许多常见的前端框架,结合实际项目经验,借鉴了同行的经验,特自主开发了本前端框架。研发本框架的出发点是帮助设计师和前端工程师快速创建页面,把更多的时间用在功能开发上面。

ax前端框架的特点是:能用css写的不用js;能用js写的不用插件;能用插件的不重复使用插件。通过观察本框架的核心文件会发现核心文件只有ax.css和ax.js,加载速度飞快。

ax前端框架对一些常用的功能进行集成处理,比如美化滚动条、菜单、cookie等,在演示页面复制代码即可使用。

http://img1.sycdn.imooc.com/5fcba4fa00014bbe03090309.jpg


打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

查看全部评论