类似Bootstrap热门前端框架大集合

类似Bootstrap热门前端框架⼤集合
Bootstrap
⾸先说 Bootstrap,估计你也猜到会先说或者⼀定会有这个( 呵呵了 ),这是说明它的强⼤之处,拥有框架⼀壁江⼭的势⽓。⾃⼰刚⼊道的时候本着代码任何⼀个字母都得⾃⼰敲出来挡我者废的决⼼,来让⾃⼰成长。结果受到周围各种基友的引诱开始了 Bootstrap 旅程。本⼈虽然是个设计+前端的万⾥有⼀的⼈才,但是⽼天只让我会⽤ PS 和各种设计⼯具却不给我跟设计妹⼦⼀样的审美,所以这也是我最初选择Bootstrap 的原因之⼀,它让我做出来的东西好⽍能在妹⼦⾯前装个逼,不过时间长了难免觉得 Bootstrap 美的让⼈烦躁,但好在它的每个版本都会有很⼤的改变,不会让⼈觉得⾃⼰做的⽹站会跟很多⽹站撞脸。Bootstrap 的⽤法及其简单( 这也可能就是 Bootstrap 作者阅攻城⼠⽆数,了解他们痛的结果 ),以⾄于是个⼩前端都可以快速上⼿,⼏乎没什么学习成本。
总结:Bootstrap 最⼤的优势就是它⾮常流⾏,流⾏就代表你有问题就有很多⼈帮你解决问题,就代表它就是利器,还有就是界⾯⽐较和谐,容易上⼿,关注它的童鞋应该发现最新 V4 版也开始⽀持 FlexBox 布局,这是⾮常好的升级体验。劣势是 class 命名不够语义化,并且各种缩写,以⾄于我离了⽂档就是个菜,最近开始整混合APP,选框架的时候⾸选就是它,但之前搞PC ⼀直没注意,后来搞混合右键属性看它的时候,瞬间⼀阵凉风袭来,Bootstrap 好⼩,⼩到我只好选择别的框架。
AUI
第三个是最近刚起来的AUI,虽然作者声称是专为APICloud开发者设计的⼀套UI框架,但实际它还是解决了很多移动前端开发的普遍问题,是主要⾯向混合开发的 CSS 框架。看起来作者⽐较猖狂,各种⾼级 CSS3 遍地使⽤,这让我也不得不去查查这些个 CSS3的兼容性。不负众望果然选的都是兼容不错的属性,哈哈了⼀顿激动从前辈⼿上⼤胆认识了⼏个好东西,并且框架还提供了聊天界⾯、计数列表等组件,解决了很多复杂的让我骂娘的布局,现在可以直接拿⾛就⽤。
总结:这个框架对我来说有个优点就是纯CSS 框架,⾃⼰以前也就⽤过Pure,⾃⼰有点JS 能⼒,如果不是复杂的效果,个纯CSS 框架⾃⼰随便改改就可以,⽽现在 CSS3 也已经能够做到动画,效率、质量、⾼效全兼顾,所以还是选择了这种 CSS 框架。
有⼀点觉得不满的是这框架的⽂档真的好那什么,说好的⾼⼤上呢。
Frozen UI
有段时间看到 QQ 瞬间⾼⼤上了,后来四处打听,原来 QQ 客服端也⽤了混合开发,其中QQ会员前端⽤的是 Frozen UI,并且这套框架开源,欣喜若狂耐不住⼼⾥的寂寞直接上⼿试了⼀遍,初体验感觉基础样式效果简单⾊调清爽,有个⽐较活跃的社区所以组件什么的也⽐较丰富。
总结:如果拿 Frozen UI 配合⼀些如 APICloud ⽤来做混合 APP 感觉就太酷了,或者原⽣的⽕鸡们拿去嵌套在应⽤中做前端开发,这个框架对 android 2.3 +、ios 4.0 + 做了兼容,或者拿来做 Web App 也是极好的选择,劣势的话从 UI 层⾯就可以看到了,谁让它是出⽣在QQ会员前端的呢。
WeUI
WeUI和FrozenUI都属于⽐较专⼀的框架,WeUI⽐FrozenUI更专⼀,话说连个官⽹都不搞,所有答疑都在gitHub Issues 解决了,这个框架极其简单,体积当然就不⽤说了,模块也就 7 个左右,不过体量⼩做的却不错,⼝碑看 star 就够了,框架从16/1/23 发版⾄今github star 超过 7K,不过也不排除⽤户没地⽅发泄所以都跑到 git 上来,哈哈。
总结:看完设计团队设计的这套DEMO,如果要做公众,这个⼆话不说必然是⾸选了。框架不好的地⽅简⽽⾔之就是框架本⾝应该就没考虑过让⽤户⽤到⾮的场景之下。
SUI
“SUI 是⼀套基于bootstrap开发的前端组件库,同时它也是⼀套设计规范。通过SUI,可以⾮常⽅便的设计和实现精美的页⾯”。果然还是直接引⽤官⽅给的枯燥⽆味⼴告要节省⾃⼰的脑细胞( 囧… ),当然了就像⼴告说的,如果你之前⽤过 Bootstrap,那么可以轻松转向 SUI,这可能就是淘宝给前端屌丝们的福利了。
Semantic UI
倒数第三个是 Semantic UI,接触这个框架还是因为 Bootstrap,Semantic UI 刚上线 github 就受到⼤量开发者的关注,以⾄于很多⼈拿它俩对⽐各种挑刺各种夸,是好是坏不能单凭别⼈三句四句就抬起⼿指开始赞,⽤了以后感觉UI 上跟Bootstrap 没太多的区别,不过代码命名规范上却相差甚⼤,本⼈认为Semantic UI 是不是就想做的不⼀样,它的命名全是采⽤复合的⽅式,类名特别的离散,⽤的时候你得很⼩⼼⾃⼰扩展或者新增的 class 命名与它的类名冲突。防水栓
Foundation
肉模
Foundation 算是框架界的元⽼啦,都说框架去的早,⽽这个框架⼀直到现在依然这么的热门,如果你⽐较介意Bootstrap 开发撞脸的尴尬事情,那么你可以考虑使⽤ Foundation 。即使你使⽤预定义的 UI 元素, 也不会与其他⽹站太像,就像官⽅说的给开发者更灵活的框架体验。
UiKit
电厂脱硫塔防腐>一个轮子的代步工具UIkit是YOOtheme团队开发的,在许多WordPress主题中都有应⽤(也就是如果你是个 WordPress 爱好者,那么这个框架应该⽐较适合深究),并且框架能够通过GUI编辑器和⼿动编辑,所以它提供了⼀个灵活、强⼤的⾃定义机制。框架借助LESS、jQuery、normalize.css及FontAwesome开源项⽬的独有特点,整合成了这么⼀款轻量级、模块化的前端框架。
Pure钳流表
终于最后⼀个了,我和你⼀样好开森(~ ̄▽ ̄)~),这个框架是我在做管理系统时接触的,选择使⽤也是因为框架⼩巧,并且是纯CSS,没有太多的牵扯,好⽤来与其他框架快速结合使⽤。
介绍完毕,估计你应该看出来了,我使⽤框架真的也就是遇到了需求,才选择了某个框架,所以框架之间并没有什么好与特好之分,只能说你的需求是什么,这个框架合适不合适你去⽤,各种框架⽤起来也都⼤致差不多,会⽤⼀个其他的上⼿也就都变得简单容易上⼿,我觉得能写框架的⼈都是室外⾼仁。纸张阻燃剂

本文发布于:2024-09-22 21:19:07,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/2/101852.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:框架   应该   命名   混合   选择   开发   组件   开始
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议