amaze ui和bootstrap有哪些差异？

amaze ui和bootstrap有哪些差异？

问题

我最近在学amaze ui，感受若是单从功能性来看和bootstrap最大差异也就是扁平化，不过妹子ui号称对国产本土化支持更好，这个具体表如今哪？看他官方文档却是挺逗趣的。。。而后栅格布局好像比bootstrap要灵活一些。其余的求补充

 

解答

字体设置比较 ok，勉强再加上个盒模型比较省心，除此之外就是山寨 Bootstrap + 各类本土网站插件。

原本你让我黑它我是拒绝的，毕竟是国人项目，起初我仍是很滋瓷的，可是后来越营销越臭，恶趣味 Star 不说，就是恶趣味 Star 也比不过 Gogs，为何我要扯出一个与前端毫无相关的项目呢，由于他们营销的时候，历来都是以「国人项目」为噱头，可是他们给出的排名也好增幅也罢，历来就没有 Gogs 的踪迹，从头到脚都是满满的铜臭味。

还成天管本身叫妹子 UI 妹子 UI 的，麻烦雇个好点的文案组织一下语句好很差，全身散发着一股抠脚大汉味，抠脚大汉 UI 你好，抠脚大汉 UI 再见：）

要轻巧有 Pure，要强大有 Semantic UI，要中规中矩有 Bootstrap，真不必去抠脚，真不必~

供从个人观点进行对比:

对比人背景:

1. 了解一些HTML和CSS基础, 可是若是须要本身写一个各类效果的页面的话. 累觉不爱.
2. 无美工基础, 最好有比较现成的配色方案, 字体大小方案. 看得过去, 拿来能用.
3. 先后端,运维,产品经理,设计UI都是本身一我的.没有精力和能力去为不一样的终端屏幕尺寸定制不一样的页面.

bootstrap和amazeUI比较重要的区别:

1. bootstrap文件体积比amazeUI小不少
2. bootstrap中文文档写得好, 通俗易懂. 用得人多, 优秀案例多, 前面填坑的人多. 网上各类教程插件多, 遇到问题更容易搜索到解决方案一些.
3. bootstrap的傻瓜式定制要比amazeUI全一些,强一些.
4. amazeUI的默认界面更扁平化一些, bootstrap的默认样式如今看起来有点审美疲劳了. 特别是导航条, 分页按钮之类的.(要本身去改导航条的样式, 我感受好难). 总之感受amazeUI默认样式更漂亮一些(周星驰: 艺术这个东西是很主观滴~). 不过! 不过为何amazeUI的示例文档感受那么的丑. 官网好看多了. 哎, 一样的工具在不一样的人手里, 差异好大. bootstrap的示例页面好看多了.
5. bootstrap是标准盒模型, 为一个元素设置了尺寸, 它实际影响的范围要去计算padding,border,margin. 而amazeUI貌似是本身定义的盒模型, 为一个元素定义了尺寸以后, 即定下了元素内容, 以及padding, border的总尺寸. 惟一要考虑的只是元素的margin. 感受amazeUI这种更直观, 更方便使用在响应式中. 再也不去担忧本身算术很差. 一个元素有无padding, border只会挤压它本身的内容. 元素这个总体的尺寸不变. 更像一个盒子一些.

bootstrap和amazeUI零碎的区别:

1. bootstrap的h1~h6字号比较合理, 方便使用. 而且能够傻瓜式定制. amazeUI只有h1和h2分别是24px和20px, 其它所有是14px.
2. amazeUI的基准字号是16px, 并且将浏览器的基准字号设置为 62.5%，也就是 10px，如今 1rem = 10px, 在自定义字体大小的时候, 比较方便计算.好比36px就是3.6rem.
3. amazeUI字体针对中文优化. 不过bootstrap支持定制. 貌似就是改一句font-family的事.
4. 听说bootstrap用的图标是Glyphicons, amazeUI用的是更好的Font Awesome, 不知道对我来讲区别有多大. 好像没有蛮大区别. 反正也不用.
5. amezeUI默认有方便的动画. bootstrap没有.
6. bootstrap有现成的媒体对象. 左图右文. amazeUI没有.
7. amazeUI自带OffCanvas侧边栏, 在移动端侧边划出菜单. 效果能够作得不错. bootstrap貌似要本身解决.

个人选择:

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

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

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

对于前端而言都差很少，均可以开发出不错的页面来。之前H4的年代大部分是本身写css，如今都是套用amaze或者bootstrap，比本身写省事多了。 若是你是前端新手，建议你先用amaze，毕竟是国产的东西，文档比翻译过来的更容易理解一些。主要是他有webstorm和sublime插件片断，借助这些片断能够很好的写出页面来。 若是你是前端老手，建议你用bootstrap，国际化的东西无需多言，比amaze用的人多一些，不论是国内的仍是国外的。 本人在学习以前也是比较了比较，就是由于amaze的文档和webstorm插件才放弃了bootstrap。。