精华内容
下载资源
问答
  • 响应式框架有哪些
    千次阅读
    2021-04-07 11:49:24

           响应式,直白点理解,就是当数据准备好了,再通知我(函数),有时会觉得与回调很像。

           代表框架:Spring Webflux、Vert.x、Quarkus。

           有小伙伴不喜欢 Spring,觉得太重、太慢,则可以试试 Vert.x 或 Quarkus。Vert.x 基于 Netty,Quarkus 基于 Vert.x,Vert.x 轻量,Quarkus 开箱即用

           关于响应式 JDBC:Spring 有 R2DBC,Vert.x 有 Reactive MySQL client

           性能稳定性方面:Vert.x > Webflux。

           另外,还有 jfinal,笔者暂未考查。

    更多相关内容
  • HTML5响应式商城后台管理框架模板,模板采用常规化的上、左、右分布,左边魏功能栏,模板中包括基础信息及统计报表等插件
  • 它具有出色的 CSS 库,并且与大多数流行的 JavaScript 框架(如 jQuery、Angular、React 和。Vue.js)兼容。其核心库是完全免费使用的。 官网:https://mdbootstrap.com/ [](()6. UIkit [外链图片转存失败,源站可能...

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

    [](()5. Material Design for Bootstrap (MDB)

    Material Design for Bootstrap

    MDB 建立在 Bootstrap 之上,并提供了开箱即用的材料设计外观。它具有出色的 CSS 库,并且与大多数流行的 JavaScript 框架(如 jQuery、Angular、React 和。Vue.js)兼容。其核心库是完全免费使用的。

    官网:https://mdbootstrap.com/

    [](()6. UIkit

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nDF4Q79M-1651542351965)(https://img-blog.csdnimg. 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 cn/img_convert/04f9ff980525facf87fd7e5f71f6a4d4.png)]

    UIkit 是一个轻量级的模块化前端框架,用于开发快速且强大的 Web 界面。UIkit 提供了 HTML、CSS 和 JS 组件的全面集合,这些组件易于使用,易于定制和扩展。UIkit 采用移动优先的方法,可提供从手机、平板电脑到台式机的一致体验。

    官网:http://getuikit.com/

    [](()7. Pure CSS

    Pure

    Pure.css 是一组小型的响应式 CSS 模块,可以用在任何一个 Web 项目中。Pure 的体积小的简直过分。比如完整的时钟模块最小化压缩版本仅为 4.0 KB。Pure 基于 Normalize.css 构建,并提供原声 HTML 元素以及最常见的 UI 组件的布局和样式。Pure 具有开箱即用的响应能力,所以元素在所有屏幕尺寸上都看起来不错。

    官网:http://purecss.io/

    [](()8. Material Design Lite Framework (MDL)

    material design light framework

    Google 的 Material Design Lite 框架是最流行的 CSS 框架之一,可为你的网站添加 Material Design 外观。它不依赖任何 JavaScript 框架,可以跨设备使用,并且可以针对较旧的浏览器进行降级。它的构建充分考虑了可访问性,并提供了丰富的文档和入门模板。

    官网:https://getmdl.io/

    [](()9. Materialize

    materialize

    Materialize 是基于 Material Design 的现代响应式前端框架。Google的材料设计是一种流行的设计趋势,涉及卡片、阴影和动画。

    官网:http://materializecss.com/

    [](()10. Skeleton

    Skeleton

    如果你要开发较小的项目,或者只是觉得自己不需要大型框架的所有实用工具,则可以试试 Skeleton。Skeleton 仅设置了少量标准 HTML 元素的样式,并包含一个网格。

    Skeleton 中的网格是一个 12 列的流体网格,最大宽度为 960px,随着浏览器或设备的缩小而缩小。可以用一行 CSS 更改最大宽度,并且所有列的大小都会相应进行调整。其语法很简单,使响应式编码更加容易。

    官网:http://getskeleton.com/

    [](()11. Bulma

    bulma css framework

    Bulma 是基于 flexbox 的现代 CSS 框架。它提供了响应式设计和移动设备优先的 UI 组件,并具有模块化结构,可让你只导入要包含在 Web 设计中的内容。Bulma 还提供了一个基于 flexbox 的现代网格系统。

    官网:http://bulma.io/

    [](()12. Semantic UI

    semantic ui

    Semantic UI 是一个高级 CSS 框架,提供了 50 多个 UI 元素,300 多个 CSS 变量用于自定义,并通过 EM 值构建以用于响应式设计。它也已准备好 Flexbox。

    Semantic 是可用于生产环境的 CSS 框架,并能与 React、Angular、Meteor 和 Ember 等框架整合,你可以通过与这些框架中进行集成将 UI 层与应用逻辑组织在一起。

    官网:https://semantic-ui.com/

    [](()13. Milligram

    milligram css

    Milligram 是一个极简的 CSS 框架,不依赖 JavaScript。它通过最少的样式设置用来快速、干净的创建响应式网站。它还提供了一个基于 flexbox 的网格系统。

    官网:https://milligram.github.io/

    [](()14. Spectre.css

    am 是一个极简的 CSS 框架,不依赖 JavaScript。它通过最少的样式设置用来快速、干净的创建响应式网站。它还提供了一个基于 flexbox 的网格系统。

    官网:https://milligram.github.io/

    [](()14. Spectre.css

    展开全文
  • 响应式布局常用的3种技术: 弹性布局,媒体查询,窗口
  • 大气后台框架响应式模板是一款里面包含30个子页面,适合后台模板使用。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
  • 在前面的章节中我们已经学习了Vue.js的基础内容并且了解了Vue.js的源码实现,包括:Vue的生命周期、Vue的数据响应、Vue的渲染流程等等,在这一章节我们会和大家一起去实现一个响应式框架--MVue,MVue会遵循Vue的...
  • 响应式 Web 设计 – 框架 本章节为大家介绍响应式 Web 设计框架 Bootstrap。 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷...
  • 解压密码:RJ4587 还记得之前我们分享过的Metro...今天我们要来分享一组基于Bootstrap和CSS3的响应式UI框架,这个UI框架中,包含了自定义CSS3按钮、自定义CSS3复选框和单选框、自定义CSS3下拉框等等,外观非常漂亮。
  • 主要介绍了分享那些Web设计大神们常用的响应式框架(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 响应式网站框架前台源码,带有响应式幻灯,响应式导航,响应式单页的全部源码
  • 许多人宣称响应式框架是可怕的,因为他们根本不懂一点点html和css的知识。下面是另一些具有标志性的反对使用框架的意见:1)设计师可以写自己的框架,如果他们懂得一点点html和css的知识的话就更应该自己写。2)基于...
  • Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。
  • Metro响应式框架HTML5模板下载里面多款不同颜色主题的框架网站模板。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
  • 这是采用最新的前台框架bootstrap框架开发的响应式网站,后台也是采用的ssm框架 现在把这个设计免费分享给大家,当然如果大家要定制其他的题目也可以联系我们! 我们的主要职业就是定制设计哈! 下面演示下这个系统...
  • 注1* 之前我们比较过Foundation和Bootstrap, 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。注2* 文中的多个框架基于SASS创建,SCSS是一种比LESS更简洁的样式表编程语言,它可以编绎成CSS,可复用CSS代码...

    注1* 之前我们比较过Foundation和Bootstrap, 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。

    注2* 文中的多个框架基于SASS创建,SCSS是一种比LESS更简洁的样式表编程语言,它可以编绎成CSS,可复用CSS代码,声明变量,甚至是函数,类Ruby/Python的语法,参见: LESS vs SASS?选择哪种CSS样式编程语言?

    762f129682d7599ea4faae01f2429027.png

    最好的HTML5框架一般也是最流行的,使用这些框架可以极大地减少你的工作量,节约你的时间。

    HTML5有非常有用和令人意想不到的功能,但也有少数浏览器并不支持HTML5,因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的框架有很多,大多支持响应式布局,干净的代码,跨浏览器兼容,内置按钮等等这些设计师常常使用的功能。同的这些HTML5框架将帮助你更加容易地构建任务。包括支持javascirpt和jQuery插件的HTML5的框架,我们可以实现网站的许多应用效果。

    最好的响应式前端框架

    在这篇文章中,我将展示我收集的15款最佳的前端响应式HTML5框架。

    Foundation

    12b9f9d1a4119885da04ecadd320b600.png

    顾名思义,支持HTML5设备的基础。对于懒人们来说,我们已经建立了一个新的命令行工具来加速项目开发,并增加支持Libsass,SCSS编绎加快了5倍。

    skeljs

    78a38961675b17f1b4dd645a77015f1c.png

    skelJS是一个轻量极的前端框架,可以创建响应式网站和应用。 只需要引用一个不到20Kb的JS文件,然后就可以调用强大的组件。

    Gumby

    c4aa7b26676d82755ebc21708a295a8e.png

    Gumby 2 是基于Sass创建的. 因为你可以使用它快速定制你所需要的Gumby框架组件。

    Grid System

    dc8d7cb03da2fcaf348d99f2b521befa.png

    响应式式前端框架

    Less Framework 4

    aa8d41687674fd1510e84c48d6ae4ed0.png

    Less框架是一套CSS网格系统,它有4套布局(layouts)和3组预设版式,都只基于一个网格。

    Yaml

    3f5d0542c26f840322044d96846af83c.png

    模块化的CSS框架,真正灵活,方便的响应式网站。 YAML提供了一套完整匹配的积木来创建复杂的网站。网格,导航,表格,排版模块和所有提供的附加组件无缝地在一起协同工作。

    HTML5 Boilerplate

    7b84d91513d25da576ec64b04a569146.png

    HTML5 Boilerplate帮助您构建快速,健壮,适应性强的Web应用程序或站点。

    Montage Studio

    c9450703d1cf6caf221ce0fa869ce9e3.png

    MontageJS是一个现代化,完整的HTML5的框架,旨在创建单页的应用程序,快捷! MontageJS使用经过时间考验的设计模式和软件的原则,可以让你轻松地创建一个模块化的架构,并帮助您的项目提供高品质的用户体验。这允许设计人员和开发人员快速协同工作。

    Columnal

    52623a577191f4137e83daae1422a9ac.png

    该Columnal的CSS网格系统是一个“混合”的弹性网格,而一些代码的灵感(和想法子从960.gs(注*960 Grid为一开源项目)获取

    Layers CSS

    e9b507faff2a22bf9111c3eaacb669c3.png

    Layers CSS是一个轻量级的CSS框架,它不强调任何设计,只处理的主体结构。它即支持响应的布局又有流式网格和简单。

    Twitter Bootstrap

    1ff90091feb2bee07b7f324d6df46ed1.png

    Bootstrap 是一种流行的,现代的前端/ UI开发框架。它的功能丰富,大部分你所需要的功能里面都有。

    SproutCore

    cad064736e0702435f5b187c1e7a6a5e.png

    SproutCore的是基于网络的创新用户体验的开源框架。它具有令人难以置信的速度意味着没有更短的页面渲染时间。利用最新的Web技术和规范。良好的可访问性。

    HTML KickStart

    5c2540d2c7171ea8925d9e20be81a01f.png

    最新的一个框架,HTML5的KickStart的是一个非常干净的HTML,CSS, JavaScript包,以节省UI开发人员的工作。

    CreateJS

    104595750758aaddbf11b7c8ffb2a568.png

    CreateJS是一套开源的JavaScript库和工具,用于创建丰富的,交互式的HTML5内容。它由5个模块化的JavaScript库组成。这将帮助你实现动画效果,在您的网站上支持HTML5的音频,等等。

    52Framework

    a94261e662e341f600332035fae6eea4.png

    52Framework是一个HTML5的框架,其目的是提供一种简单的方法来构建使用HTML5和CSS3,同时支持所有现代浏览器响应网站。它是挤满了像HTML5视频播放器,圆角,HTML5 Canvas及HTML5验证等等优秀的组件。

    展开全文
  • 最重要的一点便是HTML5比它的前辈们更好地支持响应式网站...如今已经是响应式网站设计的时代,用户不再仅通过宽大的电脑屏幕来访问网站了。框架能够大幅简化设计者和开发者的工作。笔者搜集了10个广受好评的HTML5响应
  • 因为公司的需要,这几天学习了layui框架,稍微一些心得。介绍就不多说,贴上官网的说明文档,目前是2.0版本,上面很详细的介绍。 官网地址:https://www.layui.com/doc/element/layout.html 简单的布局 layui的...
  • 许多人宣称响应式框架是可怕的,因为他们根本不懂一点点html和css的知识。下面是另一些具有标志性的反对使用框架的意见:1.设计师可以写自己的框架,如果他们懂得一点点html和css的知识的话就更应该自己写。2.基于...
  • 前端进阶:响应式开发与常用框架视频
  • H+V4.9 响应式后台主题UI框架(官方原版代码)带完整文档 H+V4.9 响应式后台主题UI框架(官方原版代码)带完整文档
  • 一个非常小的响应式CSS框架。 我向自己提出挑战,以了解我能走多远,但保留了Skeleton,Miggram和其他微框架所提供的一切。 产品特点 12列响应式网格 H1-H6版式和正文 三种按钮 牌 输入项 表格样式 还有更多... ...
  • 下面小编就为大家带来一篇浅析响应式框架中,table表头自动换行的快速解决办法。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
  • 响应式CSS框架TukTuk.zip

    2019-07-16 07:41:44
    TukTuk 是一个高效快速的响应式 CSS3 框架。轻量级的设计和面向对象的 CSS。 标签:TukTuk CSS框架
  • Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 211,957
精华内容 84,782
关键字:

响应式框架有哪些