13306647218

公司动态

Company dynamics

为前端初学者提供的主流前端框架学习

作者:蓝梦seo专业企业网站优化时间:2020-07-13 13:56:16

mf_5e01821539089.jpg

前端开发需要了解的11个主要前端框架。这些框架中的一些可以帮助您提高效率,而另一些则可以帮助您学习并帮助您更好地理解前端技能和经验。

引导程序

Bootstrap的用法非常简单(这也可能是众多Bootstrap作者已经阅读并理解了城市的痛苦的结果),因此即使是很小的前端也可以快速入门,而几乎无需学习费用。

官方网站:http://getbootstrap.com/

Github:https://github.com/twbs/bootstrap/

AmazeUI

按照官方的说法,它是“基于社区开源项目的跨屏前端框架。首先从小屏幕到大屏幕的移动优先,最后所有屏幕都适应移动互联网。趋势。”但实际上,我只是想提出它声称的解决家用浏览器跨屏适配和兼容性问题的技术问题。

官方网站:http://amazeui.org/

GitHub:https://github.com/amazeui/amazeui

FrozenUI

QQ成员的前端是FrozenUI,并且此框架是开源的。我欣喜若狂,也没有内心的孤独。我试了三遍,五遍,然后两遍。最初的经验是基本的样式效果。简单清新的色彩。一个相对活跃的社区,因此组件更加丰富。

Github:

官方网站:http://frozenui.github.io/

WeUi

第四个是WeUi,类似于FrozenUI。这也是一个更具体的框架。应该说比前者更具体。换句话说,它甚至不在官方网站上。当然,体积不必多说,大约有7个模块,但较小的模块则不错。

GitHub:https://github.com/weui/weui

演示:http://weui.github.io/weui/

快速

考虑到这个名称的速度如此之快,世界的武术是坚不可摧的,但是代码并没有被破坏。快速提供必要的css样式重写,通用类和一些通用组件,这些组件很小,但是有许多网格系统,表格,表格,按钮,文本等,这非常适合项目的二次开发。

Gitee:https://gitee.com/qietuwang/quickly

演示:http://www.qietu.com/quickly/

SUI

“ SUI是基于引导程序开发的一组前端组件库。同时,它也是一组设计规范。通过SUI,您可以轻松设计和实现漂亮的页面。”当然,我仍然直接引用官方的枯燥乏味的广告来挽救我的脑细胞(囧.)。当然,就像广告中所说的那样,如果您以前使用过Bootstrap,则可以轻松切换到SUI。这可能是淘宝给前端卷取机带来的好处。已经。

Github:

官方网站:http://sui.taobao.org/sui/docs/index.html

AUI

第六个是AUI,它最近才启动。尽管作者声称是为APICloud开发人员设计的UI框架,但它实际上解决了移动前端开发的许多常见问题。主要是用于混合开发的CSS。帧。看来作者很疯狂,并且一再使用各种高级CSS3,这也使我不得不检查这些CSS3的兼容性。我希望它们都具有良好的性能。哈哈,我很高兴能从前辈那里了解到一些好东西,并且该框架还提供了诸如聊天界面和计数列表之类的组件,这些组件解决了许多使我诅咒母亲的复杂事情。现在可以直接使用布局。

Github:

官方网站:http://www.auicss.com/

MUI

此框架吸引我的地方是它的UI以IOS为主体设计的。当然,它也补充了特定于Android的UI样式。 MUI正式宣称开发应用程序还可以提高用户的流畅度,然后尝试理解和使用它一段时间。

官方网站:http://dev.dcloud.net.cn/mui/

Github:https://github.com/dcloudio/mui

SemanticUI

UI与Bootstrap并没有太大区别,但是代码命名约定却大不相同。我认为SemanticUI与它想要做的只是不同。它的命名都是复合的,并且类名是特殊的。离散,当您使用它时,必须非常小心地扩展或添加与其类名冲突的新类名。

官方网站:http://www.semantic-ui.cn/

Github:https://github.com/semantic-org/semantic-ui/

基金会

Foundation是框架世界的资深人士。他们都说该框架过早了,直到现在它还是非常流行。如果您更担心Bootstrap开发的令人尴尬的事情,那么即使您使用预定义的UI元素与其他网站也不太相似,也可以考虑使用Foundation,因为该官员说,这为开发人员提供了更灵活的框架体验。

官方网站:http://foundation.zurb.com/

Github:https://github.com/zurb/foundation-sites

该框架很小,它是纯CSS,没有太多的参与。与其他框架快速组合很容易。

官方网站:http://purecss.io/

Github: