前端 | 2021 1 让 Flutter 在鸿蒙系统上跑起来 1 FlutterWeb 在美团外卖的实践 14 FlutterWeb 性能优化探索与实践 36 设计稿（UI 视图）自动生成代码方案的探索 56 美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 50% 的工具 96 从预编译的角度理解 Swift 与 Objective-C 及混编机制 然我们没有从公开文档找到类似的说明，但是 鸿蒙标准库 默认支持了 OpenGL ES， 而且鸿蒙 SDK 中也附带了 EGL 相关的库及头文件，我们有理由相信在鸿蒙系统上， EGLSurface 也可以通过此方法从前一步生成的 NativeLayer 转化而来，在之后的 验证中我们也确认了这一点： // window->handle() 即为之前得到的 NativeLayer EGLSurface surface = 的转换，以及 UI 层的对齐，在工程化和性能优化方面做的工作并不多。 因此，我们必须解决以上的性能问题，才能保证我们的业务可以正常的交付。通过对 编译流程的仔细分析与梳理，我们在 AOT 产物生成之前对 Flutter SDK 进行定制， 分别进行加载性能优化和内存性能优化，下面分别介绍这两部分的内容。 Flutter SDK 进行定制后的流程 4.2.2 加载性能优化 运行 flutter

fans 与 Dart 的缘分 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇 a. Web Components b. Polymer 库 大纲 Web应用的优点 ● 无需安装 ● 增量式开发 ● 自动升级 ● 跨平台 ● 天然的MVC（HTML+CSS+JavaScript） 当前的Web开发 ● Web 开发越来越复杂：项目大，团队成员多 2. 开发方式会有不同流派，但基础技术的支撑很 重要，如编程语言。 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇（Web Components） 大纲 Web语言的发展 1995~2013 JavaScript 1995，18年前 Brendan Eich JavaScript 的发展 多范式：函数式、OO、命令式 1995 年诞生于 languages that compile to JS” 各种技术所做的改进 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇（Web Components） 大纲 ● 2011年10月对外宣布 ● Chrome V8 团队打造 ● 主要成员包括：Lars Bak、Kasper Lund、Gilad Bracha等 ● 以大量编程语言实现的经验为基础 Dart

1.7.1 1.7.2 1.7.3 1.7.4 学习可访问性相关知识 学习 web／浏览器 API 学习 JSON (JavaScript 对象表示法) 学习 JS 模板 学习静态网页生成器 通过JS学习计算机科学 学习前端应用架构 学习数据（例如，JSON）API 的设计 学习 React & Redux 学习渐进式 Web 应用 学习设计 JS API 学习web开发工具 DOM、BOM 和 jQuery 学习网页字体 & 图标 学习可访问性相关知识 学习 web／浏览器 API 学习 JSON (JavaScript 对象表示法) 学习 JS 模板 学习静态网页生成器 通过JS学习计算机科学 学习前端应用架构 学习数据（例如，JSON）API 的设计 学习 React & Redux 学习渐进式 Web 应用 学习设计 JS API 学习web开发工具 （在将来也叫作”Angular”）跌下神坛，多数人意识到它将不再如 Angular 1 那 般辉煌了。 JavaScript 大体上保持软件技术的中流砥柱位置。 更多的开发者开始把工具化（比如自动化）和测试当回事了。 静态站点生成器被重视起来。 CSS 网格布局（CSS Grid）势头正旺且前途无量。 NPM 受到来自 Yarn 的挑战。 下一代类 React 方案的演化通过 Preact、Deku、Rax 和 inferno

BookStack.CN 构建 致谢 当前文档 《TypeScript 4.0 使用手册》 由 进击的皇虫 使用 书栈网(BookStack.CN) 进 行构建，生成于 2020-09-09。 书栈网仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈网难以确认文档内容知识点是否错漏。如果您在阅读文档获取 知识的时候，发现文档内容有不恰当的地方，请向我们 ，让我们共同携手，将知识准确、高效且有 效地传递给每一个人。 同时，如果您在日常工作、生活和学习中遇到有价值有营养的知识文档，欢迎分享到书栈网，为知 识的传承献上您的一份力量！ 如果当前文档生成时间太久，请到书栈网获取最新的文档，以跟上知识更新换代的步伐。 内容来源：zhongsp https://github.com/zhongsp/TypeScript 文档地址：http://www Student("Jane", "M.", "User"); 18. 19. document.body.textContent = greeter(user); 重新运行 tsc greeter.ts ，你会看到生成的JavaScript代码和原先的一样。 TypeScript里的 类只是JavaScript里常用的基于原型面向对象编程的简写。 在 greeter.html 里输入如下内容： 1.

Student("Jane", "M.", "User"); document.body.innerHTML = greeter(user); 重新运行 tsc greeter.ts ，你会看到生成的JavaScript代码和原先的一样。 TypeScript里的类只是JavaScript里常用的基于原型面向对象编程的简写。 运行TypeScript Web应用 在 greeter.html 文件夹下，经过TypeScript编译器编译生成的目标文件放 在 dist 目录下。 下面让我们来创建这些文件夹： mkdir src mkdir dist 初始化工程 现在让我们把这个文件夹转换成npm包： npm init 你将看到有一些提示操作。 除了入口文件外，其余的都可以使用默认项。 入口文 件使用 ./dist/main.js 。 你可以随时在 package.json 文件里更改生成的配 置。 } 确保执行 gulp 后模块是能工作的，在Node.js下进行测试： gulp node dist/main.js 注意，即使我们使用了ES2015的模块语法，TypeScript还是会生成Node.js使用的 CommonJS模块。 我们在这个教程里会一直使用CommonJS模块，但是你可以通 过修改 module 选项来改变这个行为。 Browserify 现在，让我们把这个工程由Node

js # 整个目录转码 # --out-dir 或 -d 参数指定输出目录 $ babel src --out-dir lib # 或者 $ babel src -d lib # -s 参数生成source map文件 $ babel src -d lib -s 上面代码是在全局环境下，进行 Babel 转码。这意味着，如果项目要运行，全局环 境必须有 Babel，也就是说项目产生了对环境的依赖。另一方面，这样做也无法支 catch(fun ction(ex) { console.error('Import failed', ex.stack || ex); }); 上面代码中，首先生成Traceur的全局对象 window.System ，然 后 System.import 方法可以用来加载 ES6。加载的时候，需要传入一个配置对 象 metadata ，该对象的 traceurOptions 为了防止有些特性编译不成功，最好加上 --experimental 选项。 $ traceur --script calc.es6.js --out calc.es5.js --experimental 命令行下转换生成的文件，就可以直接放到浏览器中运行。 Node 环境的用法 Traceur 的 Node 用法如下（假定已安装 traceur 模块）。 ECMAScript 6简介 23 var traceur

CN) 构建 致谢 当前文档 《阮一峰 JavaScript 教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2018-02-26。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以 及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认 文档内容知识点是否错漏。如果您在阅读文档获取知识的时候，发现文 确、高效且有效地传递给每一个人。 同时，如果您在日常生活、工作和学习中遇到有价值有营养的知识 文档，欢迎分享到 书栈(BookStack.CN) ，为知识的传承献上您的 一份力量！ 如果当前文档生成时间太久，请到 书栈(BookStack.CN) 获取 最新的文档，以跟上知识更新换代的步伐。 文档地 址：http://www.bookstack.cn/books/javascript- Emscripten 项目，目标就是提供一个跨语言的编译器， 能够将 LLVM 的位代码（bitcode）转为 JavaScript 代码，在浏 览器中运行。因为大部分 LLVM 位代码都是从 C / C++ 语言生成 的，这意味着 C / C++ 将可以在浏览器中运行。此外，Mozilla 旗 下还有 LLJS （将 JavaScript 转为 C 代码）项目和 River Trail （一个用于多核心处理器的

//生成 webpack loader 代码 "generate-plugin", //生成 webpack plugin 代码 "info” //返回与本地环境相关的一些信息 ]; webpack-cli 提供的不需要编译的命令 命令行工具包 yargs 介绍 提供命令和分组参数 动态生成 help 帮助信息 webpack-cli 使用 args 分析 参数分组 (config/config-args.js)，将命令划分为9类： ·Config options: 配置相关参数(文件名称、运行环境等) 通用参数(帮助命令、版本信息等) webpack-cli 执行的结果 最终会根据配置参数实例化 webpack 对象，然后执行构建流程 webpack-cli对配置文件和命令行参数进行转换最终生成配置选项参数 options Webpack 的本质 Webpack可以将其理解是一种基于事件流的编程范例，一系列的插件运行。 先看一段代码 class Compiler extends Tapable

书栈(BookStack.CN) 构建 致谢 当前文档 《electron中文教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2019- 03-06。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认文档内容知识点是否错漏。如果您在阅读文档 获取知识 高效且有效地传递 给每一个人。 同时，如果您在日常工作、生活和学习中遇到有价值有营养的知识文档，欢迎分享到 书栈(BookStack.CN) ， 为知识的传承献上您的一份力量！ 如果当前文档生成时间太久，请到 书栈(BookStack.CN) 获取最新的文档，以跟上知识更新换代的步伐。 内容来源：weishuai https://weishuai.gitbooks.io/electron-/content/ #!/bin/bash 2. 3. # 应用名称 4. APP="YourApp" 5. # 应用路径 6. APP_PATH="/path/to/YourApp.app" 7. # 生成安装包路径 8. RESULT_PATH="~/Desktop/$APP.pkg" 9. # 开发者应用签名证书 10. APP_KEY="3rd Party Mac Developer Application:

.................313 14.5.2 定义表单模型类............314 14.5.3 使用模型进行验证 ........317 14.5.4 根据模型生成元素 ........321 14.6 创建自定义表单验证器........322 14.7 本章小结...............................325 第 15 章 558 23.6.4 获取和忽略事件............560 23.7 小结.......................................561 第 24 章 生成异步 HTTP 请求...........563 24.1 准备示例项目 .......................564 24.1.1 配置模型功能模块 ........565 ..........576 24.5 生成跨域请求 .......................578 24.6 配置请求头...........................581 24.7 处理错误...............................584 目 录 ■ XIII 24.7.1 生成用户可以使用的 消息...........