Web前端开发技术学习 -WEB前端运用什么框架

在做web开发的时候难免遇到一个问题，那就是，选择什么样的框架。

前端框架好不好，看如何组合使用，以下这些各有所长，灵活选用，能让你的页面完美，有更好的框架希望大家留言分享，互相学习，这样大家都很快的提升自己的水平，从而为推动前端的发展做贡献。

我们知道 JavaScript/web 运用结构并不太好总结。我们努力对这个不行答复的问题作出答复：我该用什么样的结构?

在这篇文章中，我们将对这个系列中所提到的每款结构做一个总结，包括我们所认为的强项和弱项。别的，我们为你留下了一些值得考虑的问题。

我是否需求运用结构?

如果不测验答复这个问题就是我们的失职，这越来越成为社会上某些人的口头禅，在网络渠道上的争辩也现已开展到犹如不需求额定编写 API 能更简略创立 Web 运用那样的地步。就像本系列中所有的内容一样，我们的答复也大都是依据这些内容。

虽然无结构也能正常作业，可是，这也是有代价的。那些建议无结构手写 Javascript 的人，那些一般会被我们认为是斯德哥尔摩归纳症(情感上会依靠别人且简略受感动的人)的人，忘记了网络渠道上有多套快速开展的 API ，至少有三种不同的技能，三种截然不同的语法。web 渠道规范并断定了超过 12000 个 API，事实上浏览器中的维恩图也显现了这些巨大差距。

如果你是一个有着深厚技能和经历的人，的确能够坦诚的不运用结构。但你团队的其他成员呢?你手下的那些人呢?或许当你的决议把你自己陷入困境的时分呢?这种情况下，我们将会看到一个不必结构的团队在打开冒险，最后他们会发现自己创立了一个需求自己着手保护的结构。接着就会出现寻觅人才的问题，他们不需求知道结构是怎么作业的，只需求寻觅会调用网络渠道 API 的高级技能人才或许一些自称有经历的人才，最后却发现短少利于团队开展的技能深度和经历。

团队应该避免虚假等价(false equivalence)的陷阱，很显然，在 web 技能的运用方面具有创新性的公司在不断进步他们的市场价值和竞赛力，Google、Facebook 和 Netflix 公司都是很好的比如。可是大多数公司不是这样，他们应该承认这一点。

Angular 2+

有什么优势?

Angular 2+ 的最大优势在于它的流行程度。也有人认为它和 Google 密切相关的名字，会影响团队运用它。Angular 1 的敏捷流行是因为那些来自其他交互式运用程序开发环境的人会发现关于开发单页面 web 运用程序具有相似的模型-视图形式。经过对 Angular 1 进行现代化演变和从头构建结构的某些部分，Angular 2+ 现已真实的爆发了，许多的正式的和非正式训练机构数量都让人形象深刻，开发者有很强的市场竞赛力。关于用户来说它有一套用于构建用户界面的丰富组件，这也是本系列中少有的几个结构能够做到这点。

有什么缺点和应战?

我们觉得 Angular 结构着重于在单个页面运用程序中创立用户界面并没有处理构建完好的 web 运用这个更大的关注点，如果不及早断定下来，这将会导致整个项目难以保护，在实际项目中，运行时供给不属于中心结构的技能往往让人觉得不行思议，这大大降低了 TypeScript 对终究开发者的价值。

未来将何去何从?

Angular 5 刚刚发布，这看来是 Angular 现已成功的印证了快速发布版别的承诺，在 Google 的持续支撑下，Angular 会越来越老练。

像许多的大型安排一样，Google 具有多重(割裂)的人格，从外表上看，Angular 团队和那些专心于浏览器规范的团队之间显得很和谐。但我们的观点是，和谐仅仅一层薄薄的窗户纸。Angular 团队关于 web 组件和渐进式 web 运用没有一个真实解决方案。我们认为，业界遍及认可的规范将会在 Angular 结构中会逐步完成，这将会影响到怎么更好的构建 Angular 运用将成为一个中/长时间的风险。

何时挑选 Angular 2+

如果你需求在一个大型的结构内获取技能资源，结构内的技能一般很简略移植;或许你需求在结构中练习开发人员，并且还要有必定的决心，他们会在短期内取得必定的开发才能，这样的话你能够考虑 Angular 2+ 。需求留意的是 Angular1(angular.js)与 Angular2+ 是截然不同的，其中的运用、技能和经历不能直接移植到 Angular2+ 的开发中去。

如果你的 web 运用能够很好的转化为规范的模型-视图形式，那么你也能够忽略其他直接考虑运用 Angular2+ 。

如果你对 Google Material UX 设计形式满意，那么 Material Angular 是遵循该形式的一种快速、简略且牢靠的方式。

React + Redux

有什么优势?

React 和 Redux 的最大优势在于它们相对简略和专心。做一件事情并把它做好是非常困难的，但这两个库都很有效地完成了它们的目标。虽然关于某些状况容器办法可能是外部的，但大多数开发人员仍是能够轻松把握概念，并了解单向数据系统结构的好处，简化许多的用户界面运用程序。

有什么缺点和应战?

React 和 Redux 最大的缺点不是它们是什么，而是它们不是什么。要构建一个功用丰富的 Web 运用程序，你需求许多功用，一旦脱离 React 和 Redux 和其他一些库的中心，你将发现一个非常涣散的社区，具有许多的解决方案和形式，不简略整合在一起。

因此，虽然 React 和 Redux 都是非常专心的库，但缺乏经历的团队仍是会很简略地生成不行保护的解决方案，而不是意识到他们所做的挑选会导致功用不佳或过错。 即使有经历的开发人员也可能意识到，一个松散的架构或常规可能会在未来困扰他们。

假省钱是一种对自己的欺骗，安排范围内选用 React 和 Redux 将轻松降低无功率问题。 没有其他库和形式的广泛约定和规范化，规范化 React + Redux 比较于我们正在选用的 JavaScript 来编写我们的运用程序功率要高。

未来将何去何从?

Facebook 和 React 最近从繁琐的附加专利胶葛中抽离，他们认识到，就像其他项目一样，更广泛的社区能够进步自己的声响。 我觉得这有助于 Facebook 意识到他们还不能更好地了解我们，信任我们来引导项目。 期望这将持续贯穿项目的特色和技能方向。

很难猜测 React 和 Redux 的未来。 可是，将库会集在一起，的确会明显进步适应性，大多数React + Redux 形式都会促进一个分离的系统结构，然后能够轻松地进行重构和迭代。 两年前，大家喜爱的仍是React + Flux，但整个社区很快就拥抱了Redux。 思想或形式的其他重大转变可能很简略被采纳。 这种关键才能可能会持续到未来。

何时挑选 React + Redux ?

如果你很少需求手把手辅导，并且正在寻觅更好的库而不是全面的结构，那么 React + Redux 可能是正确的。 在这一过程中，你不只需求对你的团队和安排的才能坚持诚实，还要在你的初始开发过程中，以及在整个运用程序的长时间保护过程中坚持诚实。

Vue.js

有什么优势?

渐进式构建才能是 vue.js 最大的优势，vue 有一个简练并且合理的架构，使得它易于理解和构建。

vue 有一个强壮的充溢激情人群的社区，这为 vue.js 增加了巨大的价值，使得为一个空白项目创立一个归纳的解决方案变得非常简略。

有什么缺点和应战?

在模型-视图运用程序和状况容器类型的运用程序之间的相互变换可能会令人感到困惑，即使没有完美包括一个形式到另一个形式的完美变换，但让人感觉期望能维持两个形式的相关性。关于那些等待 vue.js 完美解决方案，并可能导致难以保护不一致的运用程序的人来说，这至少是令人困惑的。

一个更大的应战是 vue.js 依靠于一个单独的人，很明显，其他的项目基本是由一个安排供给支撑，但这让人感觉愈加有意义，虽然它有一个强壮文件的社区和许多有创新的新增项目，可是 vue 中心的开发基本落在一个人身上。

我们很高兴看到 vue 愈加简略接受新兴的规范办法，可是它的类似于 web 组件的形式，而不是真实的 web 组件，这可能是 vue 所得不偿失的当地。

未来将何去何从?

虽然 vue.js 有适当广泛的运用，但也很难猜测在中期开展中这个势头能持续多久，它不是由一个商业安排直接支撑并保护，因此，这很大程度上依靠于保护者的生存才能和持续保护下去的期望来决议。

它也表现出了必定程度的言语适应才能，并且随着某些形式的掉队和失宠而持续坚持自身言语的现代化和时代性，现在没有痕迹表明 vue.js 架构将来无法适应进一步开展。

何时挑选 Vue.js?

如果你有一个传统的 web 运用程序，并需求一个强壮稳健的运用程序层，那么 vue.js 可能是一个很好的挑选，它有清晰的形式，即使没有经历的团队也能正确或许过错的运用它。虽然 vue UX 结构没有开箱即用的功用，但在 vue.js 上也能许多持续性构建运用，这将有利于你的项目。

Dojo 2

有什么优势?

Dojo2 专心于带来更多构建在状况容器系统之上的动态组件的体验形式，填补了 react+redux 等结构的许多空白。

Dojo2 也知道它不单单仅仅在自己的生态圈开展，经过包括 web 组件导入和导出功用，也意识到需求支撑不同的运用实例，但它照旧供给了一个结构化和固有的结构价值，Dojo2 的中心根底仍然是专心于供给交互性。

Dojo2 觉得它供给了许多重要的功用和解决方案，这关于构建完好的 web 运用是非常重要的，关于其他大多数结构而言这并不是要点。供给一个国际化系统和广泛的易接入性的形式也是其中之一，一起也供给一个主题系统和演进形式，用以确保不只能为 Typescript/JavaScript 供给良好的代码开发，也能像 CSS 那样办理资源。

Dojo2 专心于供给一个结构化和符合人体工程学的开发环境，经过运用 typescript 和其他开发形式，它试图供给安全的防护机制去引导新手开发人员，经过专心于进步结构开发功率和开发安全性，旨在让开发团队能够快速交给更好的 web 运用程序。

有什么缺点和应战?

有争辩的是，经过进一步延伸 Dojo2 的发布时间的做法是否是在阻止结构的开展，反观其他项目因为其资源的扩大能够持续开展和快速迭代，导致 Dojo2 现在清晰的处在一个拥堵的竞赛环境之中。

这也许是一个潜在的开展机遇和应战，一起期望能够在灵活性和交互性上而不是别的特殊理由去运用 Dojo2 。

未来将何去何从?

Dojo2 将是未来优秀 web 结构之一，它将持续努力为构建可扩展性的 web 运用程序供给清晰的形式和辅导。随着新规范的不断出现，Dojo2 将进一步努力去在结构中完成新的规范办法，持续测验扩大结构的开放性和交互性，发明适合更多人运用的解决方案。

何时挑选 Dojo2?

如果你想选用一个灵活的、现代的、响应式的 web 运用程序架构，并且你需求许多智能化的默认设置，那么 Dojo2 将是一个不错的挑选。不必去拼凑和构建一个管道，并且为你供给更高阶的指令形式让你能够愈加专心的开发项目，愈加确认它是直接为你能够直接生产开发所预备的。别的，如果你了解 typescript 的优势，Dojo2 会非常严谨的运用 typescript 来办理并供给一个稳健的开发者开发环境。

Ember

有什么优势?

Ember.js可能是最固执己见的主流结构，这也是其最大的优势。它有创立Ember.js运用程序的正确办法，一般只要一种办法来创立运用程序。Ember.js更类似于一个产品或渠道，在那里你会到一个供货商的长时间支撑和保护。Ember.js供给了对其渠道的全面版别办理，晋级东西以及对API晋级的强壮辅导和东西。老练，是对Ember.js的一个很好的总结。

Ember.js多年来现已证明，它能够坚持其结构并使其与现代规范坚持一致，一起不会过早忘记传统浏览器。

Ember.js有一个清晰合理的架构来全面构建Web运用程序。

有什么缺点和应战?

Ember.js可能是最固执己见的主流结构，这也是它最大的缺点。虽然社区是开放的并且接受出资，可是仍然需求找到一个正确的方式来摆脱下滑的趋势，这可能是具有应战性的问题。

具有一个丰富的第三方社区也可能具有应战性。因为没有开箱即用的UX组件，这很可能会让你运用第三方套件。你可能会发现，虽然这些套件并不全面，你将需求树立或寻觅其他组件。因为Ember.js没有扩展，所以对怎么交互和办理DOM，你会发现你有不一致的部件，并且也没有供给一个易于办理的界面。

未来该何去何从?

Ember.js的首要贡献者是JavaScript言语规范委员会TC39的中心参与者。在过去的几年中，Ember.js对JavaScript的方向比任何其他结构都有更直接的影响。我们的观点是，这将在未来持续受影响，并协助促进JavaScript的特性和形式。这也意味着Ember.js将持续坚持与未来规范的紧密结合的关系。

Ember.js不行能在将来随时消失，虽然他们的创新很可能是经过与Ember.js紧密结合的其他项目来完成的，比如Glimmer，它为Ember.js运用程序供给了一个新的UI结构，该结构根据TypeScript。

为什么我会挑选Ember.js?

如果你在结构中寻觅老练度，那么Ember.js很难出错。别的，因为Ember.js供给的内容被理解，并且有广泛的官方和官方认可的训练，以及严厉的结构，找到能够树立根据Ember.js的运用程序的人才可能比其他结构更简略。也能够教大型团队怎么构建运用程序，并确保整个团队的共同对话和理解。

如果你想要对社区坚持决心，并批判性地考虑他们渠道的变化，那么Ember.js会是一个很好的考虑要素。您能够花更少的时间跟从当前的技能趋势，并更多地关注创立运用程序。

Aurelia

优势在哪?

Aurelia有许多关于构建Web运用程序的办法，结构和主意。 这个结构的编写有许多技能上的优点。

有什么缺点和应战?

我们估计最大的应战就是中心开展的动力和临界物质的缺乏。我们感觉许多的观点和概念都是我们对其他结构的批评性的主意，可是这些期望都没有彻底交给。它似乎就像是一个正在进行的作业一样，就像Dojo 2，可是它现已是一个已发布的结构。

大部分的Aurelia是坐落在一个人的膀子上，如果这个人的的留意力或可用性改动，那么将会带来应战。

未来会怎么?

关于Aurelia来说，有一个很大的机会。如果它能够完成他的愿景，他即将完好的保存这个构建Web运用程序的已有的模板，但会以更健全、更完好的方式交给。我们不知道Aurelia是否能够充分的利用这次机会。

为什么我会挑选Aurelia?

如果您致力于Web模型视图运用程序模块，并且你和你的团队试图想把一些事做的更好，那么Aurelia会是一个挑选。它就像是一个正在寻求一个更大的社区来协助它的开展和进化的结构。

最后的考虑

真心期望这一系列的帖子至少给了你一点考虑，你应该很简略有这样的主意那就是不行能有可验证的正确决议。一起，期望你也意识到没有遍及的过错决议，你应该用一些问题和考虑来武装自己，协助你挑选结构。

一个结构仅仅是一些形式的表现，一些科技的集成，源码协助我们愈加简略去构建和保护网站运用，如果你是个别开发者，我们能供给的最好的建议是花费尽可能多的时间运用那些你认为能够为你所用的结构。如果你是公司的办理者或骨干领导要去做决议，请记住特色列表仅仅决议的一方面，有时分并不是越多越好。应战你自己活着你的团队运用一个全体的结构，可是首先，列出对你和你的安排重要的列表，尤其是那些技能之外特色。