资讯专栏INFORMATION COLUMN

推荐一款强大的轻量级模块化WEB前端快速开发框架--UIkit

wing324 / 2762人阅读

摘要:前言今天给大家分享一款强大的轻量级模块化前端快速开发框架到目前为止,在上的已达到了个,而更是达到了个,这些数据也能说明在开发者中还是比较受欢迎的吧。

前言

今天给大家分享一款强大的轻量级模块化WEB前端快速开发框架--UIkit

到目前(2016-06-20)为止,UIkit在github上的Forks已达到了1350个,而Stars更是达到了6943个,这些数据也能说明UIkit在开发者中还是比较受欢迎的吧。

版本及浏览器支持

UIkit目前的版本号为:2.26.3,支持的浏览及版本如下:

获取方式

你可以通过以下的方式之一获取到UIkit:

通用此链接下载最新发布的UIkit版本;

使用git工具从github克隆UIkit到本地,命令为:
git clone git://github.com/uikit/uikit.git

使用Bower工具安装,命令如下:
bower install uikit

同时,你也可以通过以下链接获取UIkit编译后的代码:

https://github.com/uikit/bowe...
UIkit特性

UIkit使用结构更好,更易维护的LESS &SASS 编写;

组件化--UIkit由许多小的组件构成;

自定义化--UIkit具有高度的可自定义开发API;

响应式--UIkit也是以"移动为先"的理念来设计的,可响应式兼容从手机到平板,再至PC的所有设备

示例摘要

大整体介绍了UIkit后,我们再来了解一些UIkit的示例及功能展示,UIkit包括了从字体样式定义到弹窗,面板,表格,表单等等一系列的WEB开发常用的核心组件及扩展组件,以下展示一下UIkit的弹窗组件,你也可以到UIkit的官网地址查看较为完整的弹窗口示例。
弹窗的代码还是比较简单的,HTML代码如下:


...





...

弹出的效果如下图:

以上是HTML代码的弹窗示例,UIkit还有基于JAVASCRIPT的弹窗,如:

这里只给大家介绍示例,更多关于UIkit的详细,请查看官网.
同时也欢迎大家访问.NET资源分享网站:码友网--http://codedefault.com

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49892.html

相关文章

  • 推荐一款强大轻量模块WEB前端快速开发框架--UIkit

    摘要:前言今天给大家分享一款强大的轻量级模块化前端快速开发框架到目前为止,在上的已达到了个,而更是达到了个,这些数据也能说明在开发者中还是比较受欢迎的吧。 前言 今天给大家分享一款强大的轻量级模块化WEB前端快速开发框架--UIkitshowImg(https://segmentfault.com/img/bVylbc); 到目前(2016-06-20)为止,UIkit在github上的Fo...

    baoxl 评论0 收藏0
  • 推荐一款强大轻量模块WEB前端快速开发框架--UIkit

    摘要:前言今天给大家分享一款强大的轻量级模块化前端快速开发框架到目前为止,在上的已达到了个,而更是达到了个,这些数据也能说明在开发者中还是比较受欢迎的吧。 前言 今天给大家分享一款强大的轻量级模块化WEB前端快速开发框架--UIkitshowImg(https://segmentfault.com/img/bVylbc); 到目前(2016-06-20)为止,UIkit在github上的Fo...

    joy968 评论0 收藏0
  • GitHub 值得收藏前端项目[每月更新...]

    摘要:也是一款优秀的响应式框架站点所使用的一套框架为微信服务量身设计的一套框架一组很小的,响应式的组件,你可以在网页的项目上到处使用一个可定制的文件,使浏览器呈现的所有元素,更一致和符合现代标准。 GitHub 值得收藏的前端项目 整理与收集的一些比较优秀github项目,方便自己阅读,顺便分享出来,大家一起学习,本篇文章会持续更新,版权归原作者所有。欢迎github star与fork 预...

    maxmin 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<