常用前端开发框架大比拼

特写蜂箱的框架结构

前端开发设计少不了要接触各种各样的前端开发框架,选择到了合适的开发框架,事半功倍,轻轻松松就能做出高逼格的UI界面;反之则事倍功半,花了力气还得不到好的效果。在移动端为王的今天,选择一款既支持PC端,又能友好适应移动端前端开发框架非常重要。下面就让小卓为大家介绍一下常用的前端开发框架吧!

Foundation

Foundation是严格的“移动优先”。这跟前端开发框架的“移动适配”是截然不同的!在使用Foundation时,需要在不同的宽度下设计不同的布局。即800px一套,120px一套,1400ox一套,这种设计方式,针对移动端确实有用,但也无故增加开发的复杂度。

Foundation是面向移动端的,考虑到移动端的性能问题,在功能组件上无限弱化,仅包含几个通用的组件。目前移动端开发,HTML5只是占据很小的一部分,网页开发又因其功能不足,多数都不会选择。冷冷清清应该是形容Foundation最好的词语。

临幸的人不多,社区必然也是……你懂得! 其中文网站,多数链接还是直接链接到英文原版网页,让人不禁心凉。

Semantic

Semantic是最近很火的一个CSS框架,很多人会在Bootstrap和Semantic之间徘徊!

Semantic和Bootstrap都是“移动适配”,即所有设备上代码是一套,只是保证“适配”而已,这和Foundation的理念截然不同。

Semantic在很多方面是集美貌与才华于一身的框架。它设计精细,例如:Header、Title、分割线、动画,这些细节样样俱全!可以说,开发中要用到的组件,样式,动画等,Semantic基本都能满足!

其中文的网站也做的非常好,社区也相对较为成熟。在很多方面,Semantic绝对是首选!

但是Semantic有两个不能忍受的致命缺点:

  • API的方式是组合式开发,即通过很多CSS组合成想要的效果,记得第一次尝试使用Dropdown,苦苦追寻了 几个小时才搞定!过程真是痛苦不堪,它真的就如瑞士军刀,我知道它能帮我搞定很多事情,可是我却看着它一筹莫展。
  • 不支持自动绑定。自动绑定的意思是:你只管写HTML代码,不用写JS即可实现效果(Bootstrap的方式)。Semantic每一个组件都需要手动调用JS代码,你想象一下,界面那么多的组件,都需要一个一个写代码!

很多读者肯定会说:怎么可能,是你自己不会用吧? 我遍查国外各种网站,很多人反映存在该问题,我也想过自己实现其自动绑定,最终因为其精力就放弃了。

Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的开源工具包,Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。同时Bootstrap也是目前最为流行的一款前端开发框架。她就如一个大脚美女,从不在意自己的形象,但是性格温和,深得设计师的喜爱。

使用Bootstrap多年,对其有深深的吐槽!不够精细,例如分割线,标题,动画这些统统没有,不得不再寻找其他组件结合使用。

没有主题,使用Bootstrap的系统,基本都是一个死样子。

很多组件特别粗糙,例如:Dropdown,但凡加个箭头,来个slideDown,动画立马高大上了!

正是因为它有如此多缺点,现在市面上到处都是基于Bootstrap做的模版,在二级市场是相当火爆。

虽然它有如此多缺点,可是很多程序猿还是爱到无法自拔!它的API简洁优雅,社区火爆到不行,你需要任何东西,随便Google,分分钟找几十个插件。 所有组件全自动化绑定,根本不用关心JS,让你省心到爆。你说作为我等图方便的程序员,怎能不爱?

AmazeUI

最后聊一聊最近国产的AmazeUI,俗称妹子UI,最近一段时间,我非常讨厌Bootstrap,由于它太粗糙,在调整系统风格时,怎么调都感觉力不从心。思来想去,想要换一套框架,综合考虑,就选中了AmazeUI,随后在真实环境中尝试替换Bootstrap。

试用之后,感觉其并没有想象的那么好。主要表现在几点:

  • API定义冗余。所有的CSS类都在Bootstrap的基础上加一个am前缀。例如am-tab-pabel,感觉不伦不类。“参考”得太过分了吧。
  • 慢!是真的卡,其官方网站就是使用AmazeUI开发,用户可以直接去尝试,打开时会有几秒钟的卡顿。Bootstrap 的JS文件69K,而AmazeUI的JS文件458K, 为什么这么大?搞不懂。
  • 没有社区和支撑体系。遇到问题,只能看源代码,当你忙到焦头烂额时,就会失去使用的信心了。

整体感觉,AmazeUI“参考”Bootstrap太过明显和深入,让人感觉很Low,萌生我为什么不直接使用Bootstrap模版呢!可能很多国内用户,不知道有Bootstrap模版吧。

很多人到这里,肯定要问,为什么不讲jQueryUI,YUI这些?其实这些还称不上前端开发框架,他们仅仅叫做“组件库”。他们并没有给你统一的布局,统一的界面风格,只是给了你各种组件而已。

当然,市场上还有很多其他的UI框架,比如FlatUI,MetroUI,但是它们要么太过小众,要么太过简单,我们就不单独讨论了。

>>原创文章,欢迎转载。转载请注明:转载自惠州市卓优互联科技有限公司,谢谢!
>>原文链接地址:常用前端开发框架大比拼


关于作者

评论已关闭。