zoukankan      html  css  js  c++  java
  • 轻量级的前端UI开发框架

    来源:GBin1.com

    轻量级的前端UI开发框架 - UIkit

    UIkit是YOOtheme团队开发的开源的前端UI界面框架,可以帮助你快速的开发和创建前端UI界面。

    基于下列开源项目:

    • LESS
    • jQuery
    • normalize.css
    • FontAwesome

    主要特性

    • 支持LESS
    • 模块化
    • 支持自定义主题
    • 支持响应式设计

    如何使用?

    使用UIkit非常简单,下载后,请参考如下的框架代码:

        <!DOCTYPE html>
        <html>
        <head>
        <title></title>
        <link rel="stylesheet" href="uikit.min.css" />
        <script src="jquery.js"></script>
        <script src="uikit.min.js"></script>
        </head>
        <body>
        </body>
        </html>

    然后,请参考UI组件相关的文档:

    UI组件包含如下几个不同的UI组件类型:

    • 缺省
    • 布局
    • 导航
    • 元素
    • 常用
    • Javascript

    针对Javascript的设计,你可以不使用任何JS代码,而使用典型的data-ui-*方式来生成UI元素,如下:

    <button data-uk-button>My Button</button>

    当然,也可以使用jQuery API方式,如下:

    $(".button").uk("button");

    自定义主题

    你可以方便的使用自定义工具来定义或者扩展你需要的主题,如下:

    via 极客标签

    来源:轻量级的前端UI开发框架 - UIkit

  • 相关阅读:
    第一册:lesson 117.
    第一册:lesson 115.
    Map集合。
    第一册:lesson 113.
    第一册:lesson 111.
    泛型。
    EXT.NET初学
    LINQ查询
    后台调用前端JS
    数字与数组或者字符串里面的内容比较
  • 原文地址:https://www.cnblogs.com/gbin1/p/3229979.html
Copyright © 2011-2022 走看看