从后端到前端的转变：如何选择框架？( 二 ) _框架

CSS 框架
2011 年， Twitter 用 Bootstrap 来欢迎我们加入他们的开发风格。

文章插图

Bootstrap 是第一个被广泛采用的 CSS 框架，降低了前端开发的门槛。突然之间，开发服务器端页面模板的后端开发人员都可以直接将 class 添加到元素上——不需要 CSS 。他们获得的能力与传统前端开发人员相当，甚至超过了后者。
症状div
现如今， CSS 框架几乎无处不在。Bootstrap 似乎一直保持着至高无上的地位。此外，对 Tailwinds 这种可组合框架的支持也在不断增长。

文章插图

SPA 框架比 CSS 框架更加不稳定。Backbone、Knockout 和 Ember 一直占据了至高无上的地位，直到谷歌 Angular 出现。其他框架来了又走，没有一个能够真正提供价值的飞跃，却都导致了“JavaScript 疲劳” 。
然后， Facebook 推出了 React ，一个基于可组合组件和快速虚拟 DOM 想法的框架，这就像用马达和颜料搭乐高积木。
在打开开发者工具之前，一切都很好。在打开之后，你会看到一堆杂乱无章的“div” 。

文章插图

关注点的混合
当向 HTML 标记添加 6、7 个隐藏的 class 被定义为“样式化”时，我认为我们已经退了一大步。我们已经超越了表格布局，但也仅仅比内联样式好一些。
现在都鼓励开发人员将 CSS 直接注入到 HTML 的 style 属性中。更糟糕的是，这些标签现在充斥着三元表达式和映射函数，迫使开发人员在 HTML 和 JavaScript 之间来回切换。
对于那些在过去几年内加入 Web 开发的人来说，这个很不正常。

文章插图

问题难以捉摸的忍者
2014 年，前端开发人员的成本明显低于后端开发人员。5 年后的今天，前端开发变成全栈式的。
你可能已经注意到，岗位描述中的必备技能清单出现了指数级增长。你的优秀员工被挖走，你想要的候选人被其他公司以更高的工资、更好的福利和更灵活的工作安排所吸引。
但不要误会我的意思，这对一小部分人来说是件好事，但对于那些想要经营中小型企业（SMB）的人来说可能是毁灭性的。
当你的成功策略取决于你招募、训练和留住明星级人物的能力时，你可能会发现自己在原地打转。
专业知识的缺失
忍者实际上并不存在。样样通，洋洋不精。作为一名多面手，我很清楚你不可能什么都很精通。虽然通才会在你的业务中占有一席之地，但不应该让他们单独工作。
如果团队中的每个开发人员都是“JavaScript 忍者” ，实际上你是在将自己暴露在盲点之下。毫无疑问，应用程序将会充斥着像<div className="btn" onClick={this.handleClick}>这样的悲惨实例。
你可能会说：“谁在乎呢，只要能运行就可以了” 。对于身体健全的人来说可能没什么问题，但那些需要依赖辅助技术的人将完全无法访问你的部分应用程序。
如果你没有道德上的强迫，也许会受到金钱的驱使。你需要认真考虑这样的一个事实：可访问性（A11Y）的疏忽实际上代表着巨大的经济风险，无论是在失去商业机会方面，还是在遭到诉讼威胁方面。
此外，因为急于让应用程序可运行， JavaScript 专家可能会忽略了进行搜索引擎优化（seo）。这可能会造成很大的伤害，因为持续不断地烧钱可能对任何造成致命打击。如果产品没有吸引力，产品的质量再好都没有用。
敏捷的丧失
像 Bootstrap 和 React 这样的框架很吸引人，因为它们提供了令人难以置信的前期速度。Bootstrap 通常被认为是一种优秀的原型设计工具。不过原型工具天生就能带来低成本、低保真度的产品。