• 前端框架


    我个人认为前端框架可以分为两类,javascript框架,css的UI框架,但这两类框架又有一定的使用范围,有的用于pc端(跑在浏览器上),有的用户移动端(跑在手机浏览器上,另外一种直接成为手机app)。

    css框架有:

    1.bootstrap框架

    优势:主流,意味着很多人会,有任何问题很多人可以帮你解决。

    缺点:class命名不够语义化,离开文档很难写。

    2.AUI

    这个我也没用过,回头学习下。据说使用了很多高级css属性,而且很好的解决了兼容性问题。

    3.Amaze UI

    能解决国内浏览器跨屏适配很兼容问题。这也是见过没用过的框架。兼容国内本土主流浏览器(是说360吗?),轻量画,不适合桌面端使用,更适合移动端。

    4.Frozen UI

    QQ客户端使用了混合式开发,前端使用的框架。

    5.WeUli

    微信公众开发可以尝试。

    6.SUI

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

    Github:https://github.com/sdc-alibaba/sui

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

    7.MUI

    曾经一直使用 Android 系统的我,后来见到 IOS,果断移情别恋了,不知道为什么苹果每次调整系统我都特别喜欢,后来一段时间因为缺设计我专门模仿 IOS 系统做 UI,但始终不能够做到很好,无意间就发现了 MUI 这个框架,这个框架给我的吸引之处就是它的 UI 是以 IOS 为主体设计的,当然它也补充了android特有UI样式。并且MUI官方声称用来开发深入以后发现拿它做 APP 还能够提高用户使用流畅度,然后便试着更深入的了解和使用一段时间。

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

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

    8.Semantic UI

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

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

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

    9.Foundation

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

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

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

    10.UiKit

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

    官网:http://www.getuikit.com/
    Github:https://github.com/uikit/uikit

    11.Pure

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

    官网:http://purecss.io/

    Github:https://github.com/yahoo/pure/

  • 相关阅读:
    SQL Server 2008 导出数据与导入数据任务介绍
    如何绕过chrome的弹窗拦截机制
    jquery操作select(增加,删除,清空)
    JSON详解
    Intellij+Spring学习(一)
    Intellij IEDA 14.0+Tomcat Servlet开发
    04-Spring的注解开发
    03-Spring的XML配置
    02-Spring与IOC
    01-Spring概述
  • 原文地址:https://www.cnblogs.com/liangxin/p/7382899.html
Copyright © 2020-2023  润新知