首页 > 编程知识 正文

最好的前端ui框架,h5可视化编辑器哪个好

时间:2023-05-05 16:04:24 阅读:55290 作者:3816

作为一个在前端黏了六年的懒攻城狮子,这几年我阅读了很多前端框架,从有名到出名。 本想有15-20个框架进行共享,但在教几个前辈写文章的技巧时,果断地受到了打击。 所以,这里尽量少取出10个框架,用大锅炖,收集到足够的字数,全剧也就结束了。 下面的帧也没有优先级。 随心所欲地写。 (作为前端,我总是这样任性_ )。

Bootstrap先说Bootstrap,你也先说,或者推测一定有这个吧。 这是说明其强度的,有框架。 当自己刚步入正轨的时候,我本着代码中的每一个字都要自己敲来阻止我废除的决心,让自己成长起来。 结果,在周围各种各样的朋友的邀请下,Bootstrap开始了旅行。 我是万里挑一的设计尖端的人才,但上帝只让我使用PS和各种设计工具,没有给我和设计妹妹一样的审美体验。 所以,这是我最先选择Bootstrap的理由之一。 它可以设法把我做的东西塞进妹妹面前,但随着时间的推移,难免会对Bootstrap的美丽感到烦躁。 但幸运的是,每个版本都有很大的变化,我不认为会有自己制作的网站。Bootstrap的使用方法及其简单性(这可能就是Bootstrap的作者读过无数攻城士,理解他们的痛苦的结果)。

官网: http://get bootstrap.com/github:https://github.com/twbs/bootstrap /作者: mtddx Otto和jacobthorntonstar:93,112

总结:Bootstrap的最大优点是它非常流行。 流行意味着有问题就有很多人来解决问题,而打扮它是利器。 它还意味着界面和谐,使用方便。 关注这一点的童鞋应该发现最新的V4版也开始支持FlexBox布局。 这是一次非常好的升级体验。 缺点是class的命名没有充分意义,有各种各样的缩写。 我是远离文档的料理。 最近开始了混合动力APP。 选择框架的时候那个是优先的,但是以前在做电脑,一直没有在意。 之后,在做混合式右键属性看到它时,瞬间刮起了凉爽的风。 Bootstrap很小,很小,只能选择其他框架。

Amaze UI第一个介绍的是妹妹UI,第一个用的是贤惠的镜子遇到了精细的设计师。 有一次,她很适合我的字体。 结果,一万句的BOOS称赞了她。 我不得不根据她的想法来解决。 结果,最后找到了Amaze UI帧。 (但其实我很喜欢它能解决国内浏览器中存在的跨屏匹配和兼容性问题。

官网: http://amaze ui.org/github:https://github.com/amaze ui/amaze ui所属公司:云适Star:6710

总结:Amaze UI总的来说加入了很多符合中国市场特性的要素,框架跨屏、贴合都处理得比较好,准备了一系列常用的网络部件,兼容,各种键盘框架还针对中文排版进行了优化,与中国本土主要浏览器兼容、重量轻,不仅适合桌面端,还适合移动端。

AUI第三个是最近刚建成的AUI。 作者声称这是为APICloud开发者设计的一系列UI框架,但实际上解决了很多移动前端开发的普遍问题,主要是面向混合开发的CSS框架。 作者看起来很疯狂,使用了各种高级CSS3,所以我也要调查这些CSS3的兼容性。 不辜负期待还是选择的是兼容的好属性,哈哈大笑从前辈手里大胆地了解了一些好东西。 此外,框架还提供了聊天界面、计数列表等组件,解决了很多复杂的让我骂妈妈的布局,现在就可以拿去用了。

github:https://github.com/liulang nan/aui官网: http://www.auicss.com/

总结这个框架对我来说有纯粹的CSS框架的优点。 我以前也用过Pure。 自己有点JS的能力,如果不是复杂的效果,找个纯粹的CSS框架自己自由改变就可以了,现在CSS3也可以做动画了,效率、质量、效率都兼顾了,所以这个CSS框架

记者看到Frozen UI一时一闪而过,随后四处打听,QQ客服端也在使用混合开发。 其中,QQ会员的前端使用了Frozen UI。 而且,这个框架是开源的,直接得到了无法忍受喜悦的寂寞试了一下,因为基础风格的效果简单清爽,有活跃的社区,所以感觉组件等也很丰富。

github:https://github.com/frozen ui/frozen ui

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

http://www.Sina.com/:如果你拿着frozen ui协助类似a的东西

PICloud 用来做混合 APP感觉就太酷了,或者原生的火鸡们拿去嵌套在应用中做前端开发,这个框架对 android 2.3 +、ios 4.0 + 做了兼容,或者拿来做 Web App 也是极好的选择,劣势的话从 UI 层面就可以看到了,谁让它是出生在QQ会员前端的呢。(web前端学习交流群:328058344 禁止闲聊,非喜勿进!)

WeUI

WeUI和 FrozenUI都属于比较专一的框架,WeUI比FrozenUI更专一,话说连个官网都不搞,所有答疑都在 gitHub Issues 解决了,这个框架极其简单,体积当然就不用说了,模块也就 7 个左右,不过体量小做的却不错,口碑看 star 就够了,框架从 16/1/23 发版至今 github star 超过 7K,不过也不排除用户没地方发泄所以都跑到 git 上来,哈哈。

Github:https://github.com/weui/weuiDEMO
官网:http://weui.github.io/weui/Star

总结:看完微信设计团队设计的这套 DEMO,如果要做微信公众,这个二话不说必然是首选了。框架不好的地方简而言之就是框架本身应该就没考虑过让用户用到非微信的场景之下。

SUI

“SUI 是一套基于bootstrap开发的前端组件库,同时它也是一套设计规范。通过SUI,可以非常方便的设计和实现精美的页面”。果然还是直接引用官方给的枯燥无味广告要节省自己的脑细胞( 囧… ),当然了就像广告说的,如果你之前用过 Bootstrap,那么可以轻松转向 SUI,这可能就是淘宝给前端屌丝们的福利了。

Github:https://github.com/sdc-alibaba/sui
官网:http://sui.taobao.org/sui/docs/index.htmlStar

Semantic UI

倒数第三个是 Semantic UI,接触这个框架还是因为Bootstrap,Semantic UI 刚上线 github 就受到大量开发者的关注,以至于很多人拿它俩对比各种挑刺各种夸,是好是坏不能单凭别人三句四句就抬起手指开始赞,用了以后感觉 UI 上跟 Bootstrap 没太多的区别,不过代码命名规范上却相差甚大,本人认为 Semantic UI 是不是就想做的不一样,它的命名全是采用复合的方式,类名特别的离散,用的时候你得很小心自己扩展或者新增的 class 命名与它的类名冲突。

官网:http://www.semantic-ui.cn/Githubhttps://github.com/semantic-org/semantic-ui/

Foundation

Foundation 算是框架界的元老啦,都说框架去的早,而这个框架一直到现在依然这么的热门,如果你比较介意 Bootstrap 开发撞脸的尴尬事情,那么你可以考虑使用 Foundation 。即使你使用预定义的 UI 元素, 也不会与其他网站太像,就像官方说的给开发者更灵活的框架体验。

官网:http://foundation.zurb.com/Github:https://github.com/zurb/foundation-sitesStar:22,736

UiKit

UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应用(也就是如果你是个 WordPress 爱好者,那么这个框架应该比较适合深究),并且框架能够通过GUI编辑器和手动编辑,所以它提供了一个灵活、强大的自定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项目的独有特点,整合成了这么一款轻量级、模块化的前端框架。

官网:http://www.getuikit.com/Github:https://github.com/uikit/uikit作者:YOOtheme Star:6,372

Pure

终于最后一个了,我和你一样好开森 (~ ̄▽ ̄)~),这个框架是我在做管理系统时接触的,选择使用也是因为框架小巧,并且是纯 CSS,没有太多的牵扯,好用来与其他框架快速结合使用。

官网:http://purecss.io/Github:https://github.com/yahoo/pure/Star:13,592

介绍完毕,估计你应该看出来了,我使用框架真的也就是遇到了需求,才选择了某个框架,所以框架之间并没有什么好与特好之分,只能说你的需求是什么,这个框架合适不合适你去用,各种框架用起来也都大致差不多,会用一个其他的上手也就都变得简单容易上手,我觉得能写框架的人都是室外高人。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。