flutter替代前端,flutter与前端

为什么Flutter开发APP性能最接近原生，前端程序员请关注

Flutter是谷歌公司推出的跨终端的开发框架，支持Android、iOS和WEB终端。1.0版在2018年12月5日发布，目前的最新版本是1.5，它采用的开发语言是Dart，Dart也是谷歌开发的计算机编程语言，语法类似C，是编译型语言：

hello world例子，打印字符串“Hello World!”：

1、没有桥接层

React Native、Weex等技术都是跨终端的框架，然而性能跟原生App存在很大差距。这是由于它们的工作原理决定的：

React Native、Weex等技术多了一个桥接层，所以界面渲染会慢一些，由于UI渲染非常频繁，想要不卡顿，基本上比较难，性能和用户体验跟原生代码有差距。而这恰恰是Flutter的优势所在：

Dart可以被编译成不同平台的本地代码，让Flutter不通过桥接层直接跟平台通信，自然性能会快一些。

2、编译执行

JavaScript是解释执行的，Dart是编译执行的，性能谁好一目了然。

3、Flutter Engine虚拟机

Flutter是依靠Flutter Engine虚拟机在iOS和Android上运行的，Flutter Engine使用C/C++编写，开发人员通过Flutter框架直接和API在内部进行交互，所以具有输入低延迟和UI渲染高帧速率的特点。除了这特点之外，Flutter还提供了自己的小部件，Flutter小部件是使用从React获取灵感的现代框架构建的。 中心思想是您使用小部件构建UI。

窗口小部件根据其当前配置和状态描述了它们的视图。 当窗口小部件的状态发生更改时，窗口小部件会重建其描述，框架将根据前面的描述进行区分，以确定底层呈现树从一个状态转换到下一个状态所需的最小更改。可以直接在OS平台提供的画布上进行描绘，也就是一些核心类库直接放到虚拟机里面，调用起来更快。

从它的系统结构可以看出，类似安卓的ART(Android Run Time)虚拟机，同样采用AOT(Ahead of TIme)技术，会在APP安装时就编译成机器语言，不再解释执行，从而优化了APP运行的性能。

4、自带渲染引擎

Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

综合所述，Flutter 是性能最接近原生代码 的一种开发框架，未来也会是构建谷歌Fuchsia应用的主要方式，前途不可限量，唯一的问题就是需要学习一门新的语言：Dart，而有Java或者C#语言基础的程序员会比较容易学习。

相关问答

Q1: 大前端和前端在就业方向上有什么差别？

简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的时代，利用web不仅能开发出网站，更可以开发手机端web应用和移动端应用程序。

为什么出现大前端的概念?

由于node的出现，前端工程师不需要依赖于后端程序而直接运行，从而前后端分离起来。所以当开发一个新产品的时候服务只需要写一次，但是面向用户的产品可能有很多，例如网站、Android客户端、iOS客户端和微信小程序等。由于各个平台使用的技术栈都不一样，代码无法复用，非常浪费人力、物力。那么有没有什么技术能够前端的学习都是需要不断的学习，学一天停一停相当于白学，学习效果很差，如果你想有人一起学习可以来这个扣裙，首先是132 中间是667最后是127 都是零基础的同学，大家相互鼓励 共同努力 只是学着玩就不建议来了!!!解决这一痛点呢?大前端应运而生，其实大前端的主要核心就是跨平台技术，有了跨平台技术，各个平台的差异性就抹平了，开发者只需要一套技术栈就可以开发出适用于多个平台的客户端。

现在的前端都需要有多重开发技能，随着微信公众号、小程序的火热发展，这两个领域成为了前端开发的必备技能，更多的还有配合着打包技术的混合应用开发技术、一些桌面APP、甚至有些人认为基于node.js的后台开发都属于大前端的范围。

就如之前说到的，大前端没有什么准确的说明，所以这些提到的技术不是每一个技能都是必备的，但毫无疑问，拥有这些技术可让开发拥有更多的机遇。

技术在互联公司就是需要不断的成长，刚开始的时候其实都一样。一个前端程序员用的技能基本都是HTML+CSS+JavaScript+jQuuery，但是随着工作的开展我们不得不接受新的项目，就比如说前端经常会协同后端一起开发，这时候需要用到一些Vue.js技术。

刚开始的时候可以写出简单的erp系统，慢慢的Vue.js基础功能都可以实现。接触到自己不擅长的工作是经常会发生的，经手了几个项目之后的我们基本都能学会一项技能，不能说精通，正常运用还是可以的。

大前端的发展趋势

大前端不仅会成为移动开发与Web前端的发展趋势，也将会是未来的显示设备终端的开发技术趋势。大前端将做更多的终端开发、工程化等工作，而不仅仅只是开发Web页面。大前端工程师将能搞定所有端上的开发。与充满争议的全栈工程师相比，它更具可操作性。

但同时对开发者而言，要会更多的技术栈，比如原生开发者要学习html、css、js等前端知识，前端开发人员也要学习Android或iOS的原生开发技术，然后了解一下常见的跨平台技术，只有这样才能更好的融入到大前端的这个大家庭中。

Q2: 五年后的前端会是什么样子的呢？

未来几年前端本身的开发技术应该不会有大的方向变化，但是将会呈现出四大发展趋势：

第一个趋势是入口应用会小程序化

类似腾讯、阿里、滴滴、美团这样作为入口的应用，会自己做自己的一套小程序体系，在自己的app内通行。这里的意思不是说大家都会去用微信小程序，而是会效仿微信小程序这套体系，搬到自己的app内。主要原因是，这些入口应用容纳自己公司各类业务线，已经臃肿不堪，使用原生开发迭代效率跟不上，使用HTML又难以做到高性能，因此使用类似小程序的方案，可以做到畅享HTML多年来积累的开发模式，同时裁撤大量平时用不到的API，降低渲染页面的复杂度。这个趋势会涉及到移动端开发。

第二个趋势是Web前后端融合为全栈开发

Node.js已经给前端开发很好地开了个头，这个头就是让前端人员了解HTTP协议的细节，了解常规的API开发。我相信很多人已经看明白了，为什么我们要做前后端分离，这里面主要原因除了代码开发部署上的分离，还有一部分是让不懂HTTP协议的人不要在接口层瞎鼓捣，因为这里面细节太多了，你都不了解HTTP缓存，你怎么知道哪个API的HTTP header应该用什么呢。因此了解HTTP协议的前端，会慢慢吃掉这部分后端开发的任务，而了解HTTP协议的后端，也会因为三大框架开发模式的成熟而学会前端开发。进而，这些两类人演化为全栈开发。

第三个趋势是营销类页面小程序化

这个指的就是大家平时在微信里看到的各类营销网页，因为主要入口在微信，因此变成微信小程序。这个大家比较好理解吧，就不多说了。小程序现在可能BUG多，功能跟不上，但是要替代这类网页可能也就是2年不到的时间。

第四个趋势才是大家看到的PWA、WASM代表的HTML内的技术改进，这个能影响到的范围看起来很大，但其实场景比较有限，主要是排除掉上面说的1和3之外的空间。空间就在于这两大技术目前都没有成熟的最佳实践，还需要探索。

亲爱的小伙伴，你对前端技术感兴趣吗？想了解一个绚丽多彩网站和小程序是如何被制作出来的吗？欢迎加入我们的前端技术大家庭：。在这里，不仅有志同道合的朋友，指导人生的老师，更有看不完的技术教程随你挑！心动吗？想学吗？那就动动你的小手手，加入我们吧！