作为软件开发者，最大的挑战就是在新兴的新技术之间做出选择。持续学习是这个行业的一项基本技能。在这个领域，技术更新最快的就是前端。各种框架层出不穷，版本不断更新，呈现出一片欣欣向荣的景象。前端在项目中是必不可少的。它是系统的门面，是用户对系统最直接的体验。外观也是决定系统好坏的关键。作为软件开发雄狮，你怎么能放弃呢？这片蓝海呢？或许了解前端世界，就可以多一门技能，升职加薪，赢白（gao）富（fu）美（shuai），走上人生巅峰？那么，在一个项目中，我们首先要回答的问题就是“这么多的框架，我该用哪个？”本文将尝试从项目实施的相关方面分析当前流行的框架的特点。帮助您选择最合适的。由于篇幅有限，框架众多，在分析之前，我们先从版本更新频率和社区活跃度两个方面进行初步筛选。由来已久的Backbone和Knockout目前人气下滑，表明市场已经做出选择，市场上出现了更具竞争力的替代品；还有像aurelia这样的新人，需要等待时间检验。一个有活跃社区支持并能得到长期支持的框架无疑会给我们更大的信心。因此，Angular、Ember、Vue或React是理想的选择。那么在项目实施中，我们一般会关注哪些方面呢？有过前端开发经验的同事可能会想：要有可重用的组件，要控制质量进行测试和静态检查，要有组件隔离样式，方便响应式实现，方便打包部署。最好不要学太多。复杂、方便能力建设、节省招聘成本等。接下来，我们将从组件的三个主要方面对Angular4、Ember.js、Vue.js和React这四大最流行的框架进行更深入的分析重用、测试和学习曲线，提供更具体的参考。1.可重用组件组件重用是每个项目都会关注的一个维度。合适的职责单一的组件将大大提高新特性的开发效率和项目的可维护性，也可以方便地进行测试。那么他们的表现如何？综上所述，Vue和Component的组件都比较灵活轻量，可以通过添加依赖的方式无缝集成到遗留系统中。对于从0到1的系统，也可以采用新的实践来构建项目，比如ES6、Webpack等技术。Angular4官方推荐使用TypeScript，需要单独构建打包，不方便与遗留系统集成。Ember.js定制了一整套生态。基于CoC理念的设计，采用了前端工程中更前沿的实践和标准。难以与遗留系统集成，更适合在新项目中使用。至于数据绑定，各有各的优势。双向绑定在表单交互较多的场景更方便，单向绑定在管理和跟踪组件状态时更高效。组件状态更新有不同的实现方式：Vue2.js通过定义setter来监控状态变化，特殊场景需要特殊API支持，基于虚拟DOM查看更新。在组件的状态或属性发生变化后，React也会基于虚拟DOM更新视图。当Angular4引起状态改变时，框架自动触发脏检查，或者手动进行脏检查，直接操作HTMLDOM更新视图。Ember.js提供数据模型，所有数据操作都通过API进行，Glimmer引擎用于HTML渲染和更新。其中，主要区别在于Angular4使用事件监听，比较数据更新，直接操作DOM更新视图，而其他的则是通过VirtualDOM的思想更新视图。2.组件测试测试是提高软件质量的有效手段。易于编写的测试框架可以降低编写测试的成本。充分的测试还可以提高我们交付软件的信心。他们在组件测试上的对比如下：可见Vue和React测试灵活，可以根据项目的具体情况进行定制，但是没有统一的测试实践规范，很大程度上依赖于开发者的能力.Angular4和Ember有很多概念，也有官方推荐的做法。很难完全掌握它们，但优点是它们在执行上更加规范。3.学习曲线在技术选型过程中，保证项目按时交付、控制风险、提升团队能力都是需要考虑的因素。作为软件服务公司，如何快速提升人员能力，选择学习曲线合适的框架，控制项目成本也是技术活。下面，简单分析一下这些框架的使用难点：总结通过以上三个维度的分析，我们发现Vue.js和React更多的侧重于打造可重用、易测试、灵活的框架集成组件。当然，在其他扩展组件和一些脚手架插件的支持下，也可以用最新的实践轻松构建前端应用的搭建框架。它们最大的优势是可以按需定制，学习曲线平滑，构建的应用小而精。相对而言，Angular4和Ember都是大而全的框架。他们更专注于大型前端项目的建设，屏蔽开发者项目建设的底层细节，提出自己的一套解决方案。使用它们的难点在于要经历前期陡峭的学习期。好处是由于采用了标准化的开发方式，后期可以大大提高开发生产力和开发效率。最后，说了这么多，大家在选择机型的时候还是先分析一下自己的需求和现状，再做选择吧。不求最酷，只求最合适！
