255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 Sketch 插件进阶开发指南 372 积木 Sketch Plugin：设计同学的贴心搭档 400 Native 地图与 Web 融合技术的应用与实践 431 目录 前端 | 2019 446 MTFlexbox 行和交互能力之上，我们更需要关注 Flutter 与鸿蒙自身生态的结合：如何优雅地适配鸿蒙的分布式技术？如何用 Flutter 实现设备之间的快速连接、资源共享？现有的众多 Flutter 插件如何应用到鸿蒙系统 上？未来 MTFlutter 团队将在这些方面做更深入的探索，因为解决好这些问题，才是 真正能让应用覆盖用户生活的全场景的关键。 参考文献 ● https://developer Package 可以为 Android（使用 Kotlin 或 Java）、iOS（使用 Swift 或 Objective-C）、Web、macOS、Windows 或 Linux 或其任意组合 编写插件包。 下面分别对这两种类型 Package 中如何分平台编程进行介绍。 (1) Dart Package Dart Package 是纯 Dart 编写，因此大部分代码均可由 dart2js 直接编译出

是一个高级的、动态的、弱类型的解释性编程语言，被包含在 ECMAScript 的语言规范中。同 HTML 和 CSS 一样，它是万维网内容生产环节必不可少的三种技术 之一，被大多数网站所使用，并且在不需要使用插件的情况下被所有现代的浏览器所支 持。Javascript 基于原型并且把函数视为头等公民，因此是一种多范式的编程语言，支持 面向对象，命令式以及函数式编程风格。它有一个可被用来操作文字，数组，日期以及 JavaScript是一种高级的、动态的、无类型的、解释型的的编程语言。它是万维网内容制 作的，除了HTML和CSS以外的三大基本技术之一；大多数网站都在使用它，并且所有现 代的Web浏览器无插件的支持。JavaScript是基于原型并具备极好的功能，这使它成为一 种多范式的语言，支持面向对象、指令式和函数式编程风格。它提供文字、数组、日期 和正则表达式的操作API，但不支持任何I/O相关的，例如网络、存储或图形设备，这取 Web开发工具一般是浏览器的附加软件或内置在web浏览器中。时下最受欢迎的浏览器 如：谷歌浏览器, 火狐浏览器, 欧朋浏览器, IE浏览器, 以及苹果浏览器，它们都为web开 发者内置了开发工具，在各自的插件下载中心还有很多其他的插件可以找到。 Web开发工具使得web开发者可以在工作中应用多样化的技术，包括html、css、Dom、 JavaScript以及web浏览器提供的其它组件。由于web浏览器越来越流行，web浏览器已

OpenJDK（版本需满足 > JDK 9）。 2. 在 VSCode 的插件市场中搜索 java ，安装 Java Extension Pack 。 12.1.3. C/C++ 环境 1. Windows 系统需要安装 MinGW（配置教程），MacOS 自带 Clang 无需安装。 2. 在 VSCode 的插件市场中搜索 c++ ，安装 C/C++ Extension Pack 。 12 12.1.4. Python 环境 1. 下载并安装 Miniconda3 。 2. 在 VSCode 的插件市场中搜索 python ，安装 Python Extension Pack 。 12.1.5. Go 环境 1. 下载并安装 go 。 2. 在 VSCode 的插件市场中搜索 go ，安装 Go 。 3. 快捷键 Ctrl + Shift + P 呼出命令栏，输入 go ，选择 1. 下载并安装 node.js 。 2. 在 VSCode 的插件市场中搜索 javascript ，安装 JavaScript (ES6) code snippets 。 12. 附录 hello‑algo.com 179 12.1.7. C# 环境 1. 下载并安装 .Net 6.0 ； 2. 在 VSCode 的插件市场中搜索 c# ，安装 c# 。 12.1.8. Swift 环境

2. 在 VS Code 的插件市场中搜索 python ，安装 Python Extension Pack 。 3.（可选）在命令行输入 pip install black ，安装代码格式化工具。 2. C/C++ 环境 1. Windows 系统需要安装 MinGW（配置教程）；MacOS 自带 Clang ，无须安装。 2. 在 VS Code 的插件市场中搜索 c++ ，安装 C/C++ OpenJDK（版本需满足 > JDK 9）。 2. 在 VS Code 的插件市场中搜索 java ，安装 Extension Pack for Java 。 第 16 章 附录 hello‑algo.com 365 4. C# 环境 1. 下载并安装 .Net 8.0 。 2. 在 VS Code 的插件市场中搜索 C# Dev Kit ，安装 C# Dev Kit （配置教程）。 下载并安装 go 。 2. 在 VS Code 的插件市场中搜索 go ，安装 Go 。 3. 按快捷键 Ctrl + Shift + P 呼出命令栏，输入 go ，选择 Go: Install/Update Tools ，全部勾选并安 装即可。 6. Swift 环境 1. 下载并安装 Swift 。 2. 在 VS Code 的插件市场中搜索 swift ，安装 Swift for Visual

2. 在 VS Code 的插件市场中搜索 python ，安装 Python Extension Pack 。 3.（可选）在命令行输入 pip install black ，安装代码格式化工具。 2. C/C++ 环境 1. Windows 系统需要安装 MinGW（配置教程）；MacOS 自带 Clang ，无须安装。 2. 在 VS Code 的插件市场中搜索 c++ ，安装 C/C++ OpenJDK（版本需满足 > JDK 9）。 2. 在 VS Code 的插件市场中搜索 java ，安装 Extension Pack for Java 。 第 16 章 附录 www.hello‑algo.com 365 4. C# 环境 1. 下载并安装 .Net 8.0 。 2. 在 VS Code 的插件市场中搜索 C# Dev Kit ，安装 C# Dev Kit （配置教程）。 下载并安装 go 。 2. 在 VS Code 的插件市场中搜索 go ，安装 Go 。 3. 按快捷键 Ctrl + Shift + P 呼出命令栏，输入 go ，选择 Go: Install/Update Tools ，全部勾选并安 装即可。 6. Swift 环境 1. 下载并安装 Swift 。 2. 在 VS Code 的插件市场中搜索 swift ，安装 Swift for Visual

OpenJDK（版本需满足 > JDK 9）。 2. 在 VSCode 的插件市场中搜索 java ，安装 Extension Pack for Java 。 3. C/C++ 环境 1. Windows 系统需要安装 MinGW（配置教程），MacOS 自带 Clang 无须安装。 2. 在 VSCode 的插件市场中搜索 c++ ，安装 C/C++ Extension Pack 。 3 1. 下载并安装 Miniconda3 。 2. 在 VSCode 的插件市场中搜索 python ，安装 Python Extension Pack 。 3.（可选）在命令行输入 pip install black ，安装代码格式化工具。 5. Go 环境 1. 下载并安装 go 。 2. 在 VSCode 的插件市场中搜索 go ，安装 Go 。 3. 快捷键 Ctrl + Shift 下载并安装 node.js 。 2. 在 VSCode 的插件市场中搜索 javascript ，安装 JavaScript (ES6) code snippets 。 3.（可选）在 VSCode 的插件市场中搜索 Prettier ，安装代码格式化工具。 7. C# 环境 1. 下载并安装 .Net 6.0 。 2. 在 VSCode 的插件市场中搜索 C# Dev Kit ，安装 C# Dev

2. 在 VS Code 的插件市场中搜索 python ，安装 Python Extension Pack 。 3.（可选）在命令行输入 pip install black ，安装代码格式化工具。 2. C/C++ 环境 1. Windows 系统需要安装 MinGW（配置教程）；MacOS 自带 Clang ，无须安装。 2. 在 VS Code 的插件市场中搜索 c++ ，安装 C/C++ OpenJDK（版本需满足 > JDK 9）。 2. 在 VS Code 的插件市场中搜索 java ，安装 Extension Pack for Java 。 第 16 章 附录 hello‑algo.com 365 4. C# 环境 1. 下载并安装 .Net 8.0 。 2. 在 VS Code 的插件市场中搜索 C# Dev Kit ，安装 C# Dev Kit （配置教程）。 下载并安装 go 。 2. 在 VS Code 的插件市场中搜索 go ，安装 Go 。 3. 按快捷键 Ctrl + Shift + P 呼出命令栏，输入 go ，选择 Go: Install/Update Tools ，全部勾选并安 装即可。 6. Swift 环境 1. 下载并安装 Swift 。 2. 在 VS Code 的插件市场中搜索 swift ，安装 Swift for Visual

的、Promise的相关知识为主要讲解内容。 在Firefox和Chrome这样技术比较超前的浏览器上，不需要安装额外的插件就能使用 Promise功能，此外ES6 Promises的规范来源于Promises/A+社区，它有很多版本的实 现。 我们将会从基础API开始介绍可以在浏览器的原生支持或者通过插件支持的Promise功 能。 也希望各位读者能了解这其中Promise适合干什么，不适合干什么，能根据实际需

'); 5. return false; 6. } 由于JavaScript对用户上传的文件操作非常有限，尤其是无法读取文件内容，使得很多需要操作文件 的网页不得不用Flash这样的第三方插件来实现。 随着HTML5的普及，新增的File API允许JavaScript读取文件内容，获得更多的文件信息。 HTML5的File API提供了 File 和 FileReader 两个主要对象，可以获得文件信息并读取文件。 书栈(BookStack.CN) 构建 6.7 Canvas Canvas是HTML5新增的组件，它就像一块幕布，可以用JavaScript在上面绘制各种图表、动画等。 没有Canvas的年代，绘图只能借助Flash插件实现，页面不得不用JavaScript和Flash进行交互。 有了Canvas，我们就再也不需要Flash了，直接使用JavaScript完成绘制。 一个Canvas定义了一个指定尺寸的矩形框，在这个范围内我们可以随意绘制：

下节），而是因为 Netscape 公司已经决定，使用 Java 语言开发网络应用程序， JavaScript 可以像胶水一样，将各个部分连接起来。当然，后来的 历史是 Java 语言的浏览器插件失败了，JavaScript 反而发扬光 大。 1995年12月4日，Netscape 公司与 Sun 公司联合发布了 JavaScript 语言，对外宣传 JavaScript 是 Java be pattern），又称“观察者模式”（observer pattern）。 这个模式有多种实现，下面采用的是 Ben Alman 的 Tiny Pub/Sub，这是 jQuery 的一个插件。 发布/订阅 概述 - 507 - 本文档使用 书栈(BookStack.CN) 构建 首先， f2 向信号中心 jQuery 订阅 done 信号。 1. jQuery.subscribe('done'