layui和bootstrap 对比

layui和bootstrap 对比

  • 这两个都属于UI渲染框架。

    • layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了。比较新,轻量级,样式简单好看。
    • bootstrap 相对来说是比较成熟的一个框架,现在已经更新到4.X版本。是一个很成熟的框架,这个大部分人一般都用过。
  • 适用范围不一样 
    • layui 其实更偏向与后端开发人员使用,在服务端页面上有非常好的效果。

      • 做后台框架。
      • 作者“闲心”都说了,开发这个框架的出发点是为了满足服务端程序员的需求。所以你懂得。
      • layui是提供给后端开发人员最好的ui框架,基于DOM驱动,在实现前端交互上比较麻烦,页面的增删改查都需要查询DOM元素。所以在不需要交互的时候,用layui还是不错的。
    • bootstrap 在前端响应式方面做得很好,PC端和移动端表现都不错。 
      • 做网站不错。

        • 如果是类似官网,且需要同时满足PC端和移动端效果,bs表现很好。
        • 但是如果是要交互的网站,比如商城之类,vue显然更好,前后端分离,。
  • 大小不一样 
    • layui 轻量级。
    • bootsrap 因为成熟,所以使用方便,但是同时也是因为成熟,就显得有些冗余。

个人觉得layui的样式不错,在开发小型网站时可以考虑。博客也可以考虑。

以上是我作为小白的一点看法,如果有错误,欢迎大佬指点!

原文地址:https://www.cnblogs.com/helingjuan/p/9352191.html

时间: 2024-11-02 12:22:48

layui和bootstrap 对比的相关文章

EasyUI---layout布局、树形组件、选项卡tabs

一.了解EasyUI与BootStrap.LayUI的区别 1.EasyUI和LayUI对比 easyui是功能强大但是有很多的组件使用功能是十分强大的,而layui是2016年才出来的前端框架,现在才更新到2.x版本还有很多的功能没有完善,也还存在一些不稳定的情况,但是layui界面简约美观,而且容易上手而且有很多组件在layui的社区里都可以找到 2.LayUI与BootStrap对比 layui是国人开发的一套框架,2016年出来的,现在已更新到2.X版本了.比较新,轻量级,样式简单好看.

当layui与分页相遇--bootstrap何去何从

用了一段时间,感觉layui比bootstrap 方便了很多.在js操作上比bootstrap减少了许多的代码量. 今天遇到需要前台分页.当然,不是表格,如果是表格的话.使用yalui table和bootstrap table都很简单. 但是今天是要随意分页.任意标签. 看了看官方文档.也不是很懂,网上看了看.最后涂涂改改.终于中了出来.开心ing 人生就像魔法书,涂涂改改又是几千年. 需求:前台显示列表.<ul>  <li> 分页操作 但是后台一直都是表格控件来完成的.这不用表

Vue.js的从入门到放弃进击录(二)

哇塞,昨晚更新的篇(一)这么多阅读量,看来入坑的人越来越多啦~熬了一个礼拜夜,今天终于生病惹~国庆要肥家咯·所以把篇(二)也更完.希望各位入坑的小伙伴能少跳几个坑呗.如果有什么不对的地方也欢迎讨论指正.毕竟这些博客我是留着以后翻身成大佬以后留给我的小弟们用的,哈哈哈~ =======================================================比哈特~=================================================== 惯例惯例

关于自定义一个上传的file按钮

在input中html给我们一个 type  file用来做文件上传的功能,比如 但是这样的样式,实在难看,在开发的时候看了layui和bootstrap的点击上传,都很不错. 前者的调用方式和js的差别太大,后者需要引入bootstrap fileinput.js 我都不是很满意, 后来写了一个原生的js来调用,话说我还是引用了layui的css样式,因为确实不错 看下代码 1 <input type="file" onchange="upload()" s

收录的一些网站

类ui http://www.layui.com/ bootstrap官网 http://www.bootcss.com/ 服务器(腾讯云) https://console.cloud.tencent.com/cvm/index 报表 http://gionkunz.github.io/chartist-js/getting-started.html(chartist)https://www.fusioncharts.com/(fusioncharts) H-ui前端框架 http://www.

bootstrap和jquery mobile的对比

最近一直在研究bootstrap这东西,确实是个好的框架,但是诸多优势背后也隐藏着一些不好的地方,对此,我把它和另一套响应式框架jquery mobile做了一下对比,我的总结如下:    1.bootstrap的class类定义杂乱,没有统一的格式,在比较复杂的页面中,容易产生覆盖和冲突,而jquery mobile采用统一的class类前缀,容易分辨.    2.专业性:bootstrap和jquery mobile都是基于jquery编写,但是bootstrap是由twitter的工程师编

yo bootstrap mui 使用对比

昨天晚上 又被问及职业发展方向,提及我的老本行css,切了几年的页面,近两年投入进css的时间屈指可数,被问及之前公司用的yo框架 对比业界内其他css 框架的优势. 1. yo模块化,碎片化  可自由组合 2. bootstrap库文件较大,限于组件定制 3. yo scss语法,gulp 编译 compass .nodescss 对比 4.  bootstrap 兼容pc ,yo 主要针对移动端 ,优化中 5.  未完待定 6.  出一张业界内css框架对比图表格 7.  被人指出主观意识太

bootstrap和JqueryMobile的对比

bootstrap 作为一个css框架,更侧重于跨终端,倾向于对yPC,平台,移动端的兼容. jQueryMobile 只针对移动端设计出的开发组件,对于效果上应该是更追求接近于原生APP. 适用场景:如果只是想做一个跨设备兼容,bootstrap首选.但如果你的考虑只在于移动终端,应该选择JM,让一切变得更贴近与原生态.

【Bootstrap】3.优化站点资源、完成响应式图片、让传送带支持手势

A.优化站点资源 速度很重要.用户很关心.我们的站点必须加载够快,否则用户就会走人.SEO 也很重要.我们的站点必须加载够快,否者搜索排名就会下降. 明白了这样,我们就来清点一下 [Bootstrap]2.作品展示站点 中的资源.特别的,来看一看我们能控制的.影响页面速度的重要因素 —— 文件大小,包括图片.CSS和 JavaScript 文件.只要简单几步,我们就可以给这些文件“瘦身”,缩短加载时间. A.1 优化图片 这些图片都通过 Photoshop 的 “保存为 Web 格式” 进行了一