"polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "aot": false, "assets": [ "src/favicon.ico", "src/assets" "polyfills": "src/polyfills.ts", "tsConfig": "tsconfig.app.json", "aot": false, "assets": [ "src/favicon.ico", "src/assets" Open angular.json and place below configuration under build -> configuration. "hi": { "aot": true, "outputPath": "dist/hi/", "i18nFile": "src/locale/messages.hi.xlf", "i18nFormat":

RN：虽然是Native渲染，但多了了 布局解析的性能损耗，⽽而且JS运⾏行行 效率太低。 WEB流 ⽅方案2 转化为Native渲染 Mono AOT ARM CODE IL JIT Mono C# c#：同时⽀支持JIT和AOT Xamarin：虽然性能好了了⼀一些，但是跨 平台的UI⽀支持不不好，⽆无法实现复杂的 UI布局。 编译流/虚拟机流 ⽅方案3 ⾃自⼰己负责渲染 Unity：虽然渲染性能很强⼤大，但渲染 机制为实时刷新，耗电量量太⼤大，在 APP⾥里里都是局部刷新；⽽而且安装包也 很⼤大 游戏引擎 最终⽅方案 渲染：⾃自⼰己负责渲染 dart：同时⽀支持JIT和AOT，性能⾼高 跨平台 性能 WebView Hybrid Native ReactNative Xamarin Flutter 跨平台 PC WEB Guangzhou 语⾔言 语⾔言 Dart语⾔言发布 2011.10 Dart1.0 2013.11 Dart2.0 2018.8 Dart2.1 2018.12 JIT：动态编译，Hot Reload AOT：静态编译,Native code 强类型，可以类型推断 提升开发效率！ 经过简单统计，写同⼀一个功能， 使⽤用Dart，可以减少50%的代码量量 强⼤大的异步编程能⼒力力 全栈语⾔言 UI

● Themeable and Internationalizable. ● Tuned for performance. Angular Tooling ● Ahead of Time (AOT) Compiler ● Angular Universal ● Command Line Interface (Angular CLI) ● Augury (Chrome Dev Tool) Integration ● Protractor and Karma for testing. App Size No one likes a large application size Angular AOT ● Ahead-of-time compilation: Runs once at build time. ● Eliminates the need to package the Angular components, services, pipes, routes, etc. ● ng serve --open ○ hot reload support ● ng build --pod ○ AOT Future: Smaller, Faster, Easier to Use Why build mobile apps with Angular ● Code and skill reuse

Web 平台，是利用了 JavaScript 不支持整型的特征，在 Web 环境下，Dart 的 double 和 int 由相同类型的对象 支持，浮点数 “0.0” 等于整数 “0”，对于在 AOT 或 VM 上运行的 Dart 代码却 并非如此。 import ‘package:flutter/foundation.dart’; if (kIsWeb) { print(‘Web 端’) Dart–>JS 的转换，以及 UI 层的对齐，在工程化和性能优化方面做的工作并不多。 因此，我们必须解决以上的性能问题，才能保证我们的业务可以正常的交付。通过对 编译流程的仔细分析与梳理，我们在 AOT 产物生成之前对 Flutter SDK 进行定制， 分别进行加载性能优化和内存性能优化，下面分别介绍这两部分的内容。 Flutter SDK 进行定制后的流程 4.2.2 加载性能优化 运行 前端 < 229 b. AOT 搭载 JIT Flutter 在 Release 模式下构建的是 AOT 编译产物，iOS 是 AOT Assembly， Android 默认 AOTBlob。 同时 Flutter 也支持 JIT Release 模式，可以动态加载 Kernel snapshot 或 App-JIT snapshot。如果在 AOT 上支持 JIT，就可以实现动

15 Whitelist of hosts that are allowed to access the dev server. --aot Build using Ahead of Time compilation. --base-href Base url for the application built. Options Options are optional parameters. Sr.No. Option & Syntax Description 1 --aot=true|false Build using Ahead of Time compilation. Default: false. 2 --baseHref=baseHref Base --buildOptimizer=true|false Enables '@angular-devkit/build- optimizer' optimizations when using the 'aot' option. Default: false. 7. Angular CLI — ng build Command Angular CLI 21

Everywhere) Good Performance ??? Good Performance ?? Good Performance ??? It’s OK ? ? JIT (Develop) / AOT (Deploy) JIT JIT JIT Amazing Ecosystem ?? ?? ? It’s OK ? ? ? Good Ecosystem ???? Good Ecosystem ? Flutter 使用 Flutter 的刚性诉求 具有动态性 可连接前端生态 Dart 生产模式 开发 Develop 部署 Deploy JIT Dart VM Dart AOT Runtime AOT Any application that can be written in JavaScript, will eventually be written in JavaScript

node-sass这个node模块被墙掉了，原因不明  所以强烈推荐采用cnpm安装 @angular/cli ng serve --prod 注意：最新版的CLI加上--prod参数就自动AOT了，官网上的那篇文档过时了！ @angular/cli ng test @angular/cli 第二块：Angular中的3大核心概念 一张图覆盖Angular所有概念 感

tionContext) 插件问题与挑战 – 加载libapp.so 初始化 initConfig #sAotSharedLibraryName = metadata.getString("aot-shared- library-name", "libapp.so"); FlutterMain #startInitialization FlutterMain #ensureInitializationCo

C/C++/Go/Java/Dart…… 闲⻥鱼 - 让你的闲置游起来 闲⻥鱼 - 让你的闲置游起来 + + 闲⻥鱼 - 让你的闲置游起来 Flutter 快速开发 亚秒级，有状态的热重载 原⽣生性能 渲染⽅方式、AOT、⽆无锁GC 统⼀一的应⽤用开发体验 两端⼀一致的开发⽅方式，MD和iOS⻛风格 闲⻥鱼 - 让你的闲置游起来 Flutter 快速开发 - Hot Reload 闲⻥鱼 - 让你的闲置游起来