2021年最火的前端框架

在微信公众号和微信小程序、支付宝小程序等多端应用出现后，互联网兴起了一股大前端的热潮。

大前端已经成为前端开发一个热门的词语，去到2021年，大前端技术已经非常成熟。

那么大前端是什么意思呢？大前端的简单理解，就是所有前端的统称，android、ios、微信小程序、微信公众号H5、网页开发，所以现在的前端开发工程师，面临的挑战很大。

10年以前，我们的企业要做移动端开发，通常需要招3种不同的前端团队，ios团队，android团队，还要做H5开发。

而现在，大前端的统一框架已经渐渐成熟，目前移动互联网已经向统一框架演变，也就是说一套代码，可以生成多个不同的端的应用。

下面，我们来讨论一下，目前最热门的大前端框架。

1、Flutter:Flutter为什么这么热？原因很简单，它是大名鼎鼎的谷歌公司的出品。它可以用同一套UI的定义语言，可以同时开发IOS和谷歌两种手机的应用，但这是它的优点，同时也是它的缺点，因为它是国外的框架，所以对国内的技术的支持不是很好，比如小程序、公众号api等等的支持。而且相比后面所说的Rn或uniapp来说，它独特的语法风格，体验性不高，因为学习成本比较高。

2、react native：Rn在学习成本上非常小，因为他是基于js的，基于node js的。这对于本来就熟悉react的前端工程师来说，非常容易上手，能快速开发出兼容ios和android两种设备的app。但它的缺点也是国内市场，因为它并不能开发小程序。在开发ios应用的时候，由于它没有云打包的功能，因此它必须运行在mac电脑，这对于没有mac电脑的同学来说，望而却步。

3、最后就是我们国内最热的大前端框架，基于vue的uniapp，目前在国内，hbuilderx和apicloud都能开发uniapp应用，使用uniapp开发的程序，能同时兼容ios、android、小程序、公众号、h5等多端应用，而且这个框架它是中国公司开发的，对于vue开发者来说，非常的友善，而且它能完美兼容微信、支付宝、百度地图等sdk，生态的支持也非常到位。而且通过hbuilderx等IDE的云编译功能，无需mac电脑就可以打包成ios应用，通过香蕉云编等内测工具，直接在ios上做真机测试。

 

对于这三种框架来说，Flutter是性能最佳，因为它定义了有限很少的UI语法，但是Flutter却没有css的灵活度，要实现一个CSS能完成的简单UI，用Flutter往往需要内嵌很多标签才能实现。所以笔者认为，Flutter热归热，但在中国其实并不好用。

现在的H5打包技术，浏览器都是直接访问本地Html5文件的，不是通过http去远程访问html文件，所以html代码运行在本地浏览器，其实速度也很快的。速度就像你在你电脑里写个html，然后右键选中用浏览器打开的速度，也是非常快的。在手机的性能大幅度提升的今天，对于渲染这一块，H5的速度甚至优于原生，比如有些效果用css实现起来非常简单，但用原生或flutter实现起来嵌套关系非常复杂，反而造成了原生效率比H5低。

因此，对于三大热门的框架来说，我还是比较喜欢uniapp的，毕竟它是中国的，对中国的生态支持更好，而且学习成本也非常低。基本上会js，会html开发，就可以学习了。在大前端的时代，基本上对前端人员的要求都是拥有跨端开发能力的，我们来拥抱这些框架吧，分久必合，未来前端的趋势，肯定是往标准，往统一去靠拢的。就像当年的html标准一样。