使用-React-构建-Flutter-应用课件.pptx
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《使用-React-构建-Flutter-应用课件.pptx》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 使用 React 构建 Flutter 应用 课件
- 资源描述:
-
1、使用 React 构建 Flutter 应用探索新一代渲染技术探索新一代渲染技术 Kraken Kraken 2011-20132011-2013年年 WebQQ QQ 手机 QQ 20142014年年-现在现在 淘宝交易线产品 淘宝中后台产品 淘系无线架构、中后台架构https:/ GCanvas C+EngineGPUOpenGL ES/VulkanKreken 原型技术原理GCanvas JS APIKraken 原型版本优劣研发效率低研发效率低适用场景有限适用场景有限简单直接简单直接嵌入式主板GPUSkiaOpenGL ES/VulkanLayout XMLLayer TreeRend
2、erObject TreeWidget TreeJava/KotlinReact.jsRax.js/Vue.jsVDOMDartNative View Tree(OEM)Layout TreeDOM TreeJSVDOMLayer TreeLayer Tree渲染技术探索DartDartJavaScriptJavaScriptJavaScriptJavaScriptJavaScriptJavaScriptWORE WORE WORE WORE LORE LORE(Learn One Run Everywhere)(Learn One Run Everywhere)WORE WORE(Write
3、 Once Run Everywhere)(Write Once Run Everywhere)Good Performance Good Performance Good Performance Good Performance Good Performance Good Performance Its OK Its OK JIT(Develop)/AOT(Deploy)JIT(Develop)/AOT(Deploy)JITJITJITJITJITJITAmazing Ecosystem Amazing Ecosystem Its OK Its OK Good Ecosystem Good
4、Ecosystem Good Ecosystem Good Ecosystem Built-in Features Built-in Features Built-in Features Built-in Features Built-in Features Built-in Features Built-in Features Built-in Features (14)(14)(10)(10)(9)(9)(13)(13)为什么 FlutterWebWebFlutterFlutterFlutter Flutter 是是 Web Web 之外的另一个之外的另一个真跨端渲染技术真跨端渲染技术通过
5、 platform channels 调用平台能力支持 Hot Reload不支持 Flex Layout 布局比肩原生的性能调试工具完善脱离前端 JS 生态不支持动态下发 Bundle不支持类 JSX,可读性差前端视角里的 Flutter使用 Flutter 的刚性诉求具有动态性具有动态性可连接前端生态可连接前端生态Dart 生产模式开发开发 Develop Develop部署部署 Deploy DeployJITDart VMDart AOT RuntimeAOTAny application that can be written in Any application that can
6、be written in JavaScript,will eventually be written JavaScript,will eventually be written in in JavaScriptJavaScript.Jeff AtwoodJeff AtwoodCo-founder of StackOverflowCo-founder of StackOverflow“FlutterFlutter 增长迅速,但增长迅速,但 DartDart 关注平平关注平平Kraken关于 Flutter for Web并不是完全鸡肋,并不是完全鸡肋,适合其只适合非适合其只适合非 C C 端业
7、务场景端业务场景中国中国可能可能是全球最关注是全球最关注 Flutter Flutter 的国家的国家我们的目标:能直接运行吗?DemoReduxReduxMobxMobxRxjsRxjsLodashLodashUnderscoreUnderscoreMomentMomentgraphqlgraphqlImmutablejsImmutablejsRamdaRamdaValidator.jsValidator.jsNpmNpmYarnYarnbabelbabelwebpackwebpackRollupRollupeslinteslintjestjestmochamocha YesLessLess
8、SassSassStylusStylusTypeScriptTypeScript背后原理Kraken Dart FrameworkKraken BridgeKraken BridgeReactReact FrontendReact FrontendLinuxAndroidiOSFlutter Engine(C+)CompositionFrame SchedulingKrakenJavaScriptRuntimeKraken Object ModelBridge BindingText LayoutKraken ProtocolCommunicationJSCallDartDartCallJSK
展开阅读全文