正式成为全平台的UI框架——Flutter 1.5
ccwgpt 2024-10-11 11:12 26 浏览 0 评论
引言
我最近一直都听说Flutter多么的神奇,所以决定尝试一下这个新东西,首先我们就得了解下什么是Flutter,对于我来说,Flutter是一个全新的东西,有很多细节都不知晓,而且在Google I/O 2019上,谷歌发布了Flutter For Web的第一个技术预览版,这也意味着Flutter的全平台之路已经正式开启,可以说对Web的支持也是Flutter的一个重要里程碑。
Flutter简单介绍
很长一段时间,Flutter团队的使命是为iOS和Android开发移动应用程序的最佳框架。他们认为移动开发已经成熟,但是仍需要改进,因为今天的开发人员不得不选择在两个平台上构建相同的应用程序两次,或者在使用跨平台框架时做出妥协。Flutter正式基于这样的考虑,打造了能够在不同的平台上使用单个代码库提供美观,快速,量身定制的体验。Flutter的使命是打造全平台支持的最佳框架,以提供最美妙的开发体验。
适用于所有屏幕的便携式UI框架
Flutter以单一的代码库为各个平台提供美观和量身定制的体验,由于Flutter For Web的第一个技术预览版的发布,特别是对于创业型公司,如果能有一套代码库就能完成所有平台的开发无疑是降低了开发的复杂度和开发成本。
Flutter For Web
Flutter 能够在移动平台运行时依赖了Flutter Engine,但是Flutter for web不同,它很大程度上需要归功于像Chrome、FireFox、Safari等网络浏览器的快速发展,这些浏览器普遍提供了硬件图形加速,动画和文本以及JavaScript快速运行环境,因此Flutter for web是一种全新的模式,它可以将现有的Flutter代码编译成可嵌入到浏览器和任何Web服务器的代码,这些代码完全是基于现代HTML、CSS、Javascript标准的Web技术,也不需要任何的浏览器插件支持,这意味着不像Flash之类的需要插件支持的Web应用,最终都会被原生的所替代,这也是Flutter考虑到的一个点,但由于还在开发阶段,Flutter还存在许多不足和限制:
- 目前开发流程支支持Chrome
- 目前Flutter for web更像是移动端的Flutter,对桌面端的优化还不够好
- 编译速度还比较慢
在早期的开发阶段,Flutter设想了很多有价值的场景,例如:
- 使用Flutter构建的连接的渐进式Web应用程序。对Flutter的Web支持使现有的基于移动的应用程序可以打包为PWA,以覆盖更广泛的设备,或为现有应用程序提供配套的Web体验。
- 嵌入式互动内容。Flutter为创建丰富的,以数据为中心的组件提供了一个强大的环境,可以轻松地在现有网页中托管。无论是数据可视化,还是嵌入式图表等,Flutter都可以为嵌入式Web内容提供高效的开发方式。
- 在Flutter移动应用中嵌入动态内容。在现有移动应用程序内提供动态内容更新的既定方法是使用Web视图控件,其可以动态地加载和显示信息。Flutter支持现在提供统一的Web和移动内容环境,可以在线部署内容或嵌入应用程序而无需重写代码。
关于平台(非Web)
Flutter是一个非常新的,但是一个很有前途的平台,已经吸引了某些大公司的注意力。它与开发Web应用程序相比具有简单性,并且与原生应用程序相比具有速度。
通过使用以下几种技术实现Flutter的高性能和高效率:
- 与许多其他流行的移动平台不同,Flutter 不以任何方式使用JavaScript。Dart是编程语言。它编译为二进制代码,这就是它运行Objective-C,Swift,Java或Kotlin的原生性能的原因。
- Flutter 不使用本机UI组件。起初听起来可能很尴尬。但是,因为组件是在Flutter本身中实现的,所以视图和代码之间没有通信层。因此,游戏的智能手机图形速度最快。所以按钮,文本,媒体元素,背景都是由Flutter的图形引擎绘制的。顺便说一句,应该提到Flutter“Hello,World”应用程序包非常小:iOS≈2.5Mb,Android≈4Mb。
- Flutter 使用一种声明方法,受React Web框架的启发,基于小部件(在Web世界中命名为“组件”)构建其UI。为了从窗口小部件中获得更多,它们仅在必要时呈现,通常是在它们的状态发生变化时(就像Virtual DOM为我们所做的那样)。
- 除了上述所有内容之外,该框架还集成了热重新加载,这对于Web来说是典型的,但在本机平台上仍然缺失。这允许Flutter框架自动重建窗口小部件树,使您可以快速查看更改的效果。
关于Dart
Dart是一种编程语言,需要用它来开发Flutter中的应用程序。如果你有使用过Java或JavaScript的经验,那么学习它并不难。它是一种适用于万维网的开放源代码编程语言,由Google主导开发,于2011年10月公开。它的开发团队由Google Chrome浏览器V8引擎团队的领导者拉尔斯·巴克主持,目标在于成为下一代结构化Web开发语言。类似JavaScript,Dart也是一种面向对象语言,但是它采用基于类编程。它只允许单一继承,语法风格接近C语言。
总结一下
Flutter的出现打破了传统的开发模式,虽然我们知道现在的技术框架是层出不穷,也因此感觉自己学不动了,其实我们应该放宽了自己的思维,新事物的出现必然是为了解决或改进当前环境下仍然存在的问题或缺点。因此,我觉得Flutter依然值得尝试,现阶段不一定需要学习的多么细,我们可以了解一下它的模式,它的思想,以至于将来假如需要用到它,也将得心应手!
相关推荐
- NestJS入门教程系列一
-
介绍Nest(NestJS)是用于构建高效,可扩展的Node.js服务器端应用程序的框架。它使用渐进式JavaScript,内置并完全支持TypeScript(但开发人员仍然能够使用JavaScrip...
- 【推荐】一个网盘资源搜索与转存工具,支持移动端与PC端!
-
如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!项目介绍CloudSaver是一个基于Vue3和Express的网盘资源搜索与转存开源实用工具。它支持...
- Appium原理精讲
-
目前使用Appium新版本和旧版本的企业数目都很多,而两个版本的安装过程和api的使用又有较大的区别。但是无论表面上的东东如何变化,内部原理都是一样的。在这里我给大家介绍一下appium的核心,增进大...
- Kubernetes最小部署单元Pod
-
一、Kubernetes与Pod简介在当今云计算和容器化技术盛行的时代,Kubernetes已然成为容器编排领域的中流砥柱。它是一个开源的容器编排平台,由Google基于其内部使用的Bo...
- 最常用的四种跨域解决方案
-
前置知识什么是跨域?浏览器发送的请求地址(URL)与所在页面的地址不同(端口/协议/域名其一不同)。简言之,浏览器发出的请求url,与其所在页面的url不一样。此时,同源策略会让浏览器拒收服务器...
- Bolt.New —— 全栈AI Web自动编程
-
Bolt.New是由StackBlitz公司推出的,全栈AI工具,代码编辑、运行、部署,通通一站式搞定。它使用WebContainers技术,无需任何本地安装或配置,在浏览器中,就可以运行完整的No...
- Nodejs Express新手教程&高手进阶
-
NodejsExpress新手教程&高手进阶Express是一个NodeJS平台的框架,主要用于构于Web服务器项目。本文将通过示例介绍适合新手入门的Express基础使用,以及高手进阶知识,如:c...
- Express.js 创建Node.js Web应用
-
Express.js是一个基于Node.js的Web应用框架,框架的设计目的是构建应用的架构和简化应用的开发。框架会解决一些通用的问题,在Express.js中,Express框架会处理如:中间件、代...
- JavaScript 的 Express.js 功能及应用场景详解
-
Express.js是一个基于Node.js的轻量级Web应用框架,主要用于快速构建服务器端应用和API。它的核心功能包括以下关键点:1.路由管理URL路径与HTTP方法映射:通过...
- nodejs的express4文件下载
-
在nodejs的express框架中,下载变得非常简单,就一个方法,res.download()首先express命令行生成项目基本框架:不会的看这里:http://blog.csdn.net/zz...
- Express 系列:快速生成一个项目
-
系列预告本系列将以一个项目入手结合相关技术细节来带领大家一起学习Express这个基于Node.js的后端框架。本文首先将介绍:如何快速的生成一个具有一定结构的Express项目。Express项目结...
- nodejs的express自动生成项目框架
-
nodejs版本为:4.X,express版本为4.X1.全局安装2个模块express、express-generator在命令行输入:npminstall-gexpressnpminsta...
- express开发(一)简介与搭建
-
上周末去了趟上海书城,不愧是上海数得上号的书城,流行的科技书应有尽有,话不多说直接上图。最经典的C语言O(∩_∩)O最流行的java(づ ̄3 ̄)づ超酷的R语言/(ㄒoㄒ)/~~然而,身为一个坚定的前...
- Vue+Echarts可视化大屏系统后端框架搭建(附代码)
-
各位同学,大家好。上节课,前面我们讲解了Vue+Echarts前端部分的设计方法。这节课程,我们开始讲解使用Express进行后端设计的方法。01项目相关理论介绍什么是expressExpress是...
- Shopify电商API接口开发
-
Shopify电商API接口开发上线流程主要包括以下步骤。北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎洽谈合作。前期准备-注册Shopify账号:在Shopify官网注册,用于后续开发测试...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- scrapy框架 (52)
- beego框架 (42)
- java框架spring (43)
- grpc框架 (55)
- 前端框架bootstrap (42)
- orm框架有哪些 (43)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)