web前端技术框架选型参考

时间 2019-11-11

标签 web 前端技术框架选型参考栏目 HTML 繁體版

原文原文链接

1、出发点css

　　随着Web技术的不断发展，前端架构框架、UI框架、构建工具、CSS预处理等层出不穷，各有千秋。太多的框架在造成初期，都曾在web领域前端

掀起过一场技术浪潮，可有些却仅仅是昙花一现，随着他们用户量的逐渐减小，社区也愈来愈不活跃。如：meteor、backbone、ember、knockout。vue

不由感叹技术的更新换代来的太忽然。为了追赶技术更新的脚步，保证技术实施的高性能，强兼容性，而且不会再短期内被时代所遗弃。如下为目react

前常见的主流技术参考，根据github关注度排名：webpack

2、项目需求

　　略

3、参考点

　　1.框架自身 a.是否成熟 b.架构和模式 c.生态系统

　　React 毫无疑问是如今最热门的前端框架，React目前属于快速发展阶段，是否成熟还需时间的考量。因为 React 的设计思想极其独特，属于革

命性创新，性能出众，代码逻辑却很是简单。因此，愈来愈多的人开始关注和使用，认为它多是未来 Web 开发的主流工具。

　　Angular 提供了一系列健壮的功能，以及将代码隔离成模块的方法，这对提升可复用性、可维护性和可测试性都是很是有益的。它的核心功能包

括MVC、模块化、自动双向数据绑定、语义化标签、依赖注入等等。Angular在从开源社区火起来就一直存在于人们的视线中，超前的设计理念，强大

的生态系统，让他一直扬帆于web框架的浪潮中，稳步前行。

　　Vue 的做者是位中国人，虽然vue属于我的项目，但在简洁、轻量、快速、数据驱动、模块友好、组件化等方面是不输于AngularJs的，这是由于vue

基本是在angular的设计思想上实现的库而非框架。提及vue不得不谈到它的小巧，小巧的一种好处就是可让用户更自由的选择相应的解决方案，在配合

其余库方面它给了用户更大的空间。Vue虽然小巧，可是“麻雀虽小五脏俱全”，在构建大型应用的时候也是驾轻就熟。而且近几年来vue获得了国内外多

数公司的承认，社区生态系统也日趋完善。

　　2.项目契合 b.是否能知足需求 c.是否适合项目

　　React 对于数据逻辑方面须要操心的更少了，能够直接全量赋值。经过虚拟dom，进行dom局部更新这一点很吸引人，省去前端对数据逻辑的判断

和操做。react目前我感受优点在于native相关，将来大有可玩。单纯的web项目的话，学习成本相对vue来讲仍是很高的，react只是view还须要配合其余类

flux的框架开发。最后，使用场景上来讲：React 配合严格的Flux架构，适合超大规模多人协做的复杂项目。

　　Angular 容许你构建功能强大且易于理解和维护的机构化应用程序，angular是一个为动态web应用设计的结构化框架，提供给你们一种新的开发应

用方式，这种方式可让你扩展HTML的语法，以弥补在构建动态WEB应用时静态语言所体现的不足。Angular的结构化就是讲究责任分离，这样代码才好理

解，维护和测试。

　　Vue 体积小，接口灵活，侵入性好，可用于页面的一部分，而不是整个页面。扩展性好，源码规范简洁。更适合手机端的WEB开发，是声明式开发，

性能高于angular，体积小不少。社区生态正在逐步完善，用的人相对较少，网上的资料也很少，出了问题的解决成本高。

4、决策目的

　　基于参考点及项目需求择优以上web端经常使用工具及架构框架，UI框架可根据兼容性、易用性、及熟练程度选择。

5、可选方案

6、结论

　　vue相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得咱们可以快速地上手并使用Vue.js。可是从另外一方面来看它却显得毫无新意，甚

至有点苍白无力。AngularJS 很是结构化，大而全，虽然臃肿，可是成熟稳定。React在我看来并非一个框架，而是一种设计思想。而且它的这种思想很是

空前，甚至能够移植到任何一个框架上，因此react和以上框架并没有可比性，react所引领和激发的一系列开发思想，在 React 生态圈很有些百家争鸣的感受，

各类新玩法层出不穷，所谓任重而道远，我认为对于react仍是静观其变才好。

　　这里不过多评价前端自动化构建工具和css预处理器，由于这些仅仅是工具，彻底能够不使用或者选择性搭配使用。只要能帮助咱们简明、清晰、快速

的搭建web应用就足够了。以上提到的3个框架，有种三分天下的感受。

　　综上，没有万能的框架，更没有万能的技术，最适合的才是最好的。这些只是我我的的片面的见解，但愿你们有好的看法及时帮我提出来，我会在博客

中第一时间修改。谢谢你们！