Amaze UI的一点总结

标签：

做一个微信公众号内的网页的时候，用到了Amaze UI，也称妹子UI。

官网上宣称，Amaze UI中国首个开源 HTML5 跨屏前端框架，用下来的感觉是比较类似于bootstrap，都是移动端优先。用的过程中发现一些亮点：

1. Amaze UI 将所有元素的盒模型设置为 border-box。即：box-sizing:border-box; 把padding、border 都计算在width当中；注意，任何情况下，margin无法计算在内，这是因为：w3c标准下，这个属性有三个取值—box-sizing: content-box|border-box|inherit；这3个属性都无法讲margin计算在内。
2. 网格布局很不错，彻底避免了移动端款及元素需要浮动的问题。采用了12网格的布局，能满足大部分的需求。
3. banner轮播非常好用，引入Amaze框架后，轮播的代码非常简单。
4. Amaze的模态控件不错，模态，也就是弹出提示框。
5. 页面顶部的不定导航做起来很方便。

作为补充，在项目中还采用了弹性盒子模型，可以实现一部分的流体布局。display:-webkit-box;只要给出相应属性，浏览器会帮我们做额外的计算。

说点感悟吧，网页可以看做现实世界的映射，有了js，可以把网页看成四维空间的。这个空间中，除了x,y二维平面外，还有z轴，即z-index属性。而在js中，又有定时器，这样，整个空间就完整了。

布局就说这么多，关键在于多做多练。

Amaze UI的一点总结

标签：

原文地址：http://www.cnblogs.com/xiaochongchong/p/5413374.html