首页 > 0基础学编程

amaze ui(Amaze UI的特点)

boortstrap和amazeui哪一个更好一点

你好

关于bootstrap和amazeUI比较重要的区别:

bootstrap文件体积比amazeUI小很多

bootstrap中文文档写得好,通俗易懂.用得人多,优秀案例多,前面填坑的人多.网上各种教程插件多,遇到问题更容易搜索到解决方案一些.

bootstrap的傻瓜式定制要比amazeUI全一些,强一些.

amazeUI的默认界面更扁平化一些, bootstrap的默认样式现在看起来有点审美疲劳了.特别是导航条,分页按钮之类的.(要自己去改导航条的样式,我感觉好难).总之感觉amazeUI默认样式更漂亮一些(周星驰:艺术这个东西是很主观滴~).不过!不过为什么amazeUI的示例文档感觉那么的丑.*好看多了.哎,同样的工具在不同的人手里,差别好大. bootstrap的示例页面好看多了.

bootstrap是标准盒模型,为一个元素设置了尺寸,它实际影响的范围要去计算padding,border,margin.而amazeUI貌似是自己定义的盒模型,为一个元素定义了尺寸之后,即定下了元素内容,以及padding, border的总尺寸.唯一要考虑的只是元素的margin.感觉amazeUI这种更直观,更方便使用在响应式中.不再去担心自己算术不好.一个元素有无padding, border只会挤压它自己的内容.元素这个整体的尺寸不变.更像一个盒子一些.

bootstrap和amazeUI零碎的区别:

bootstrap的h1~h6字号比较合理,方便使用.并且可以傻瓜式定制. amazeUI只有h1和h2分别是24px和20px,其它全部是14px.

amazeUI的基准字号是16px,而且将浏览器的基准字号设置为 62.5%,也就是 10px,现在 1rem= 10px,在自定义字体大小的时候,比较方便计算.比如36px就是3.6rem.

amazeUI字体针对中文优化.不过bootstrap支持定制.貌似就是改一句font-family的事.

据说bootstrap用的图标是Glyphicons, amazeUI用的是更好的Font Awesome,不知道对我来说区别有多大.好像没有蛮大区别.反正也不用.

amezeUI默认有方便的动画. bootstrap没有.

bootstrap有现成的媒体对象.左图右文. amazeUI没有.

amazeUI自带OffCanvas侧边栏,在移动端侧边划出菜单.效果可以做得不错. bootstrap貌似要自己解决.

我的选择(仅供参考):

由于文档对初学者的友好程度以及从网上找到解决方案的容易程度.不得已,只能选择bootstrap.

比如导航条, bootstrap会给出哪个一类控制哪些功能,而amazeUI只是展示了一个代码段的案例.如果前端比较熟悉的,应该没有任何问题,但对于我这种新手来说,真的无从下手.

关于改变bootstrap或amazeUI的默认样式,可以在chrome开发者工具里面,定位到元素,查看哪些css样式影响了自己需要的效果(chrome可以直接在浏览器中启用或停用样式).找到相关的元素和样式后,可以加自己的class,覆盖默认的样式.

希望对你有帮助

有了bootstrap,为什么还要做amaze ui

一般来说,bootstrap只是对HTML增加了CSS进行美化。

而amaze ui则在bootstrap美化的基础上,主要增加JS添加了动态,以及更多样式。

例如

<buttontype=”button”>basic</button>就是常见的灰色的按钮

用bootstrap后,只需要一个css,就可以让按钮背景变成蓝色的,会漂亮很多

<buttonclass=”btnbtn-primary”></button>

而用amaze ui

<buttontype=”button”class=”am-btnam-btn-primary”data-am-button>…</button>

就可以让按钮不但漂亮而且还可以切换状态。基本上你不需要写JS代码。

如果不用amaze ui,那么可能自己需要通过JS判断,自己判断。如

if(button.enabled)

{

button.css=”A”;

}

else

{

button.css=”B”;

}

本文链接:http://www.hzrhc.com/html/87965742.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件举报,一经查实,本站将立刻删除。