前端框架Bootstrap 4正式发布 然问题也来了!

2018-02-0306:10:42WEB前端开发1 3,506 views字数 1151阅读模式

前端框架Bootstrap 4正式发布了。然而今天的Web世界已经和当初Mark Otto发布Bootstrap时的情况大为不同,一些开发者由此质疑它的更新是否还有意义。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

V4版本的主要更新有:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

  • 改进的网格系统(默认情况下为Flexbox)
  • 现在使用Sass(取代了Less)
  • 不支持IE8、IE9和iOS 6
  • 重写JavaScript插件
  • 现在使用rem取代了px。

准备从V3版本升级的开发人员需要先做测试,可能还要解决一些问题。新版整体上和旧版接近,但多了一些突破性的变化。一份迁移指南列出了变化内容的详情。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

Bootstrap的优势之一是其网格系统。这一系统为网页提供了一种可声明的方式来渲染网格系统中的内容,不需要额外的步骤就能使流式内容兼容桌面端和移动端。Bootstrap 4的网格系统使用的是几乎所有的现代浏览器都支持的flexbox。因为引入了这一更新等原因,新版只支持IE10 以上和iOS7 以上。如果项目仍需兼容旧式浏览器,开发人员就要继续使用Bootstrap 3。但是,Bootstrap 3的维护已经在2016年结束了文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

Bootstrap最初于2011年发布,当初是作为Twitter的一个产品诞生的,号称是“世界上最流行的HTML、CSS和JS库”,但其增长趋势如今似乎已经到头了。Dan Tao等人曾批评Boostrap的紧耦合和缺乏语义的缺陷:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

最早看来很棒的一堆开发组件,如今演变成了堆积如山的技术债务。开发者的HTML充斥着带有Bootstrap特定属性的深度嵌套结构。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

V4的第一个alpha版本发布于2015年8月,两年后发布了第一个beta版本。但Bootstrap 4是否生不逢时?它的网格系统是最大的卖点之一,但主流浏览器普遍采用CSS 网格,意味着Bootstrap 4新引入的,基于flexbox的网格已经过时了。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

Natalya Shelburne是纽约时报的一位软件工程师,她认为CSS网格才是未来:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

CSS网格不是什么黑客工具,它是一个很好的web布局工具。什么都不用安装,也不需要预处理器,更用不着为了理解它的运作机制而绞尽脑汁。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

此外,Ryan Oglesby则认为,使用基于组件的样式技术(如经常与React或Vue.js一起使用的技术),就不需要传统的“全局CSS”技术了:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

在React或Vue.js等UI库的帮助下,现代Web应用程序体系结构已经采用了松耦合,高内聚的组件,这些组件通常将HTML,CSS和JavaScript放在同一个文件中。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

当然,如果开发者想要做一些美观漂亮、运行迅速的内容,Bootstrap的JavaScript插件(比如Popover和Form控件)仍是首选的框架。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

查看英文原文Bootstrap 4 Released, But It May Be Unnecessary文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/455.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/455.html
Comments  1  访客  1
    • test 0

      标题都能给翻译错,原文说的是可能没必要了,到你这就变成了问题

    Comment

    匿名网友 填写信息

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

    确定