我们时刻把握互联网流行趋势!

传递业内动态,探讨互联网热门话题,我们与您分享网站建设心得及职业生涯感悟,让您把握网络流行趋势,占据互联网时代前沿!

新闻资讯企业动态前沿探索技术分享

国产前端框架Amaze UI发布2.0正式版

前沿探索 2014-12-10 

Amaze UI是一个轻量级(所有 CSS 和 JS gzip 后 90 kB 左右)、 Mobile first的前端框架, 基于开源社区流行前端框架编写。

Amaze UI2.0.0主要是基础架构的变化,包括: 

✔ 转向更接地气的 jQuery 生态圈; 

✔ No Loader,按 CJS 规范编写 JS 模块,用户可自行选择 loader;

✔ No Prefix,移除 CSS 中所有标准属性的厂商前缀,交给 Autoprefixer 自动处理。

此外,一些样式做了调整,增加了 IE 8/9 有限支持。



1.x 到 2.x 变更记录暨升级指南:

CSS

基础变化

  • 移除所有标准属性的浏览器前缀,构建的时候通过 AutoPrefixer 添加;

  • 部分组件中开始使用 Flexbox,兼容 IE 9 的样式独立到 legacy.ie.less。

网格

  • CHANGED #112 重命名网格 class,{break-point}-col-{n} -> .am-u-{break-point}-{n};

等分网格

  • CHANGED #112 重命名等分网格 class,{break-point}-block-grid-{n} -> .am-avg-{break-point}-{n};

图片

  • CHANGED 移除 .am-img-bdrs,使用 .am-radius 替代;

  • CHANGED 移除 .am-img-circle,使用 .am-circle 替代。

表格 Table

  • CHANGED .am-table-bd 重命名为 .am-table-bordered;

  • CHANGED .am-table-bdrs 重命名为 .am-table-radius;

  • NEW 单元格状态更多颜色。

评论列表 Comment

  • IMPOROVED 头像大小调整为响应式,在小屏幕上头像变小;

  • NEW 增加评论操作(编辑、删除等)样式。

缩略图 Thumbnail

  • NEW 增加缩略图列表样式 .am-thumbnails。

JS

  • CHANGED 使用 jQuery 替代 Zepto.js;

  • REMOVED 不再使用 Sea.js;

  • CHANGED 所有模块接口通过 $.AMUI 暴露,部分插件添加到 $.fn;

  • CHANGED 自定义事件命名由 : 分隔符改为 . 分隔符;

  • IMPROVED 调整部分代码以兼容 jQuery 及 IE 9;

  • NEW #70 Slider 增加初始化接口及用户操作间隔一段时间以后恢复自动播放选项。

Web 组件

  • IMPROVED Menu、Header 按钮尺寸增大,更容易点击;

  • REMOVED 删除搜狐畅言组件。

不支持 IE9 及更低版本的部分

CSS

  • 涉及 CSS3 animation 的效果;

  • CSS3 transition;

JS

  • Smooth Scroll

  • ScrollSpy

所有 Web 组件都不考虑 IE 9 及更低版本支持

本文网址:http://www.daguweb.com/News/Col8/17.html

分享到:


© 2008-2017 daguweb.com All Rights Reserved.