平武建站

Bootstrap都有哪些优点和缺点-创新互联

这篇文章给大家分享的是有关Bootstrap都有哪些优点和缺点的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

你所需要的网站建设服务，我们均能行业靠前的水平为你提供.标准是产品质量的保证，主要从事成都网站制作、做网站、企业网站建设、成都手机网站制作、网页设计、品牌网站设计、网页制作、做网站、建网站。创新互联建站拥有实力坚强的技术研发团队及素养的视觉设计专才。

Bootstrap的优点：1、可提高开发效率；2、规范名称定义，便于维护；3、拥有完善的文档，有大量的组件样式。缺点：1、学习成本提高，需要了解整个框架，需要阅读框架的文档；2、css框架对于一个小项目等页面来说很臃肿；3、会有兼容问题。

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。接下来就是要详解Bootstrap框架：

首先，我们要知道为什么使用框架的原理。

CSS框架是一系列CSS文件的集合体，包含了基本的元素重置，页面排版，网络布局，表单样式，通用规则等代码块。使用CSS框架，可以简化工作，提高工作效率。

我们为什么要使用Bootstrap框架，而不使用其他CSS框架？

随着H5，CSS3的快速火起来，用户体验尤为重要，移动设备用户的庞大，不容小视，而恰恰，Bootstrap就是为移动设备而开发的框架。他虽然是以移动设备优先，倾向于Mobile，但不是移动设备框架。
它由规范的CSS，JavaScript插件构成，其较大的优势是响应式布局，CSS媒体查询(Media Query)的功劳，使得开发者可以方便的让网页无论在台式机，手机上都获得很好的体验。

  1. 抽象出常用的css样式,高再可用性,高移植性
  2. 有固有的定义,详细的文档及开发特点
  3. 高兼容性,可以兼容流行的浏览器
  4. 以css为主,但不一定全部是css,可能有一些js(或者其他)脚本用于兼容浏览器

Bootstrap框架可以分为三类：

第一：预处理脚本：

Bootstrap的源码是基于最流行的CSS预处理脚本-Less和Sass开发的。你可以采用预编译的CSS文件快速开发，也可以从源码定制自己需要的样式。例如。如果你页面上有很多同样的效果。只需要写一个效果类。然后让用到的地方去继承他。就不需要再写了。

第二：一个框架，多种设备

你的网站和应用能在Bootstrap的帮助下通过同一个代码快速，有效设配手机，平板、PC设备，这都是CSS媒体查询的功劳。

第三：特效齐全

Bootstrap提供了全面、美观的文档、可以找到关于HTML元素，HTML和CSS组件、jQuery插件方面的所有详细文档。
Bootstrap组件： Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站。比如：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

bootstrap优缺点：

优点

  • 提高开发效率

  • 规范名称定义，便于维护

  • 规范项目开发流程

  • css代码更清晰、简单。html代码更合理


  • bootstap最近发布了bootstrap4，拥有了box-flex布局等更新，紧跟新的web技术的发展

  • 比较成熟，在大量的项目中充分的使用和测试

  • 拥有完善的文档，使用起来更方便

  • 有大量的组件样式，接受定制

缺点：

  • 学习成本提高。你需要了解整个框架，需要阅读框架的文档

  • css框架对于一个小项目等页面来说很臃肿。框架中可能有大部分你用不到的代码。

  • 可能会无法帮助你的技术提高。太依赖框架，以至于很难排除bug。包括框架中本身就带的bug。

  • 选择自己需要的框架与开发框架都很痛苦。写到后面发现越来越不灵活，越来越臃肿。

  • 如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风格”的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框架的意义。

  • 会有兼容问题，虽然网上存在很多兼容IE的办法，但需要引入其他文件，有些还不小，势必导致加载速度变慢，影响用户体验。

感谢各位的阅读！关于Bootstrap都有哪些优点和缺点就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！


网站栏目：Bootstrap都有哪些优点和缺点-创新互联
文章URL：http://pwwzsj.com/article/ipcjc.html

其他资讯