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

时间 2019-12-09

标签轻量级前端开发框架 uikit 繁體版

原文原文链接

来源：GBin1.comcss

UIkit是YOOtheme团队开发的开源的前端UI界面框架，能够帮助你快速的开发和建立前端UI界面。html

基于下列开源项目：前端

LESS
jQuery
normalize.css
FontAwesome

主要特性

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

如何使用？

使用UIkit很是简单，下载后，请参考以下的框架代码：jquery

    <!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");

自定义主题

你能够方便的使用自定义工具来定义或者扩展你须要的主题，以下：ui

via 极客标签spa

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