| 2021 1 让 Flutter 在鸿蒙系统上跑起来 1 FlutterWeb 在美团外卖的实践 14 FlutterWeb 性能优化探索与实践 36 设计稿（UI 视图）自动生成代码方案的探索 56 美团外卖终端容器无关化研发框架 74 一款可以让大型 iOS 工程编译速度提升 50% 的工具 96 从预编译的角度理解 Swift 与 Objective-C 及混编机制 MTFlexbox 中的实践 459 开源 React Native 组件库 beeshell 2.0 发布 473 React Native 在美团外卖客户端的实践 506 Android 静态代码扫描效率优化与实践 530 Probe：Android 线上 OOM 问题定位组件 560 活动 Web 页面人机识别验证的探索与实践 580 React Native 工程中 TSLint 的 Choreographer.postFrameCallback 方 法， 再 通 过 JNI 一 层 层 传 回 Flutter 引擎消费掉此回调。Java 侧的 VsyncWaiter 核心代码如下： @Override public void asyncWaitForVsync(long cookie) { Choreographer.getInstance() .postFrameCallback(

Freeman 是一位经验丰富的 IT 专业人士，曾在一系列公司担任过高级职位， 曾经担任一家全球银行的首席技术官和首席运营官。退休之后，他热衷于写作和长跑。 ■ ■ ■ 技术评审员简介 Fabio Claudio Ferracchiati 是微软技术领域的高级顾问、高级分析师和高级开发人员。 他在 BluArancio 公司(www.bluarancio Application Developer，微软认证应用程序开发人员)、MCP(Microsoft Certified Professional， 微软认证专家)等多项认证，而且还是一位多产的作家和技术评审员。十多年来，他为多家 意大利和国际杂志撰写了大量文章，与人合著了十多本关于各类计算机主题的书籍。 ■ ■ ■ 目 录 第 1 章 准备工作 ... 的 高级功能.............................2 1.3 大量示例.....................................2 1.4 获取示例代码.............................4 1.5 如何搭建开发环境.....................4 1.6 联系作者....................

JavaScript 语句。如果没有使用分号（;）来结束，ECMAScript 语法就会将每行代码结尾处的换行作为 JavaScript 语句的结束，不过前提是没有破坏 JavaScript 语句的完整功能。因此，绝大多数的 程序员还是会老老实实地写上分号（;）作为 JavaScript 语句的结束，这样既便于自己管理代码， 也便于给别人阅读。 2.1.2 区分大小写 ECMAScript 语 语法区分大小写的规定适用于变量、函数名、运算符及其他一切代码。 比如变量 id 与 Id 是不同的；同样，函数 getElementById()与 getElementbyID()也是不同的，而 且 getElementbyID()是无效函数。 2.1.3 代码换行 ECMAScript 语法规定可以在文本字符串中使用反斜杠（\）对代码行进行换行。例如，下 面的代码是可以正确解析的。 document 不过需要注意的是，代码换行限于文本字符串中。如果将上面的代码改写成下面的形式， 代码是无法正确解析的。 document.write \ ("Hello EcmaScript!"); 2.1.4 代码中的空格 ECMAScript 语法规定会忽略多余的空格。因此，依据这个特点可以通过添加空格对代码 进行排版，从而提高代码的可读性。 2.1.5 代码注释 ECMAS

- 4 - 本文档使用 书栈(BookStack.CN) 构建 介绍 本教程全面介绍 JavaScript 核心语法，从最简单的开始讲起，循序 渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便 于理解和模仿，可以用到实际项目中，即学即用。 本教程适合初学者当作 JavaScript 语言的入门教程，也适合当作日 常使用的参考手册。 介绍 - 5 - 本文档使用 书栈(BookStack CN) 构建 前言 前言 我写这本教程，主要原因是自己需要。 编程时，往往需要查阅资料，确定准确用法。理想的 JavaScript 参 考书，应该简明易懂，一目了然，告诉我有哪些注意点，提供代码范 例。如果涉及重要概念，还应该适当讲解。可是大多数时候，现实都不 是如此。找到的资料冗长难懂，抓不住重点，有时还很陈旧，跟不上语 言标准和浏览器的快速发展，且大多数是英文资料。 学习过程中，我做了很多 书籍有所不同。作 为教程，本书对所有重要概念都进行了讲解，努力把复杂的问题讲得简 单，希望一两分钟内就能抓住重点。本书还可以作为参考手册，罗列了 主要用法和各种 API 接口，并给出可以立即运行的代码。所有章节按 照语言的 API 编排，方便以后的查阅。 如果你发现某处出现陌生的新概念，请不要担心，可以继续阅读下去。 以后查阅这些章节的时候，你会发现很方便找到某个知识点相关的所有 内容。

语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处，对涉及的语法知识给予详细介 绍，并给出大量简洁易懂的示例代码。 本书为中级难度，适合已经掌握 ES5 的读者，用来了解这门语言的最新发展；也 可当作参考手册，查寻新增的语法点。 前言 5 全书已由电子工业出版社出版，2017年9月推出了第三版，书名为《ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在现 有环境执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是 否支持。下面是一个例子。 // 转码前 input.map(item => item + 1); // 转码后 input.map(function (item) { return item + 1; }); 上面的原始代码用了箭头函数，Babel babel src --out-dir lib # 或者 $ babel src -d lib # -s 参数生成source map文件 $ babel src -d lib -s 上面代码是在全局环境下，进行 Babel 转码。这意味着，如果项目要运行，全局环 境必须有 Babel，也就是说项目产生了对环境的依赖。另一方面，这样做也无法支 持不同项目使用不同版本的 Babel。

............................................................................................. 4 本书源代码/License .......................................................................................... ....................................................................................... 7 编写Promise代码 .................................................................................................. Promise.all 表示的是一个静态方法。 这部分内容主要讲述的是对正文部分的补充说明。 本书源代码/License 本书中示例代码都可以在GitHub上找到。 本书采用 AsciiDoc6 格式编写。 • azu/promises-book7 此外代码仓库中还包含本书示例代码的测试代码。 源代码的许可证为MIT许可证，文章内容可以基于CC-BY-NC使用。 5 http://books

言，它有很多缺陷，所以不被大多数后端开发人员所重视。 很多人认为，写JavaScript代码很简单，并且JavaScript只是为了在网页上添加一点交互和动画效 果。 但这是完全错误的理解。JavaScript确实很容易上手，但其精髓却不为大多数开发人员所熟知。编写 高质量的JavaScript代码更是难上加难。 一个合格的开发人员应该精通JavaScript和其他编程语言。如果你已经掌握了其他编程语言，或者你 不要再犹豫了，立刻从现在开始，零基础迈向全栈开发工程师！ 原文: https://wizardforcel.gitbooks.io/liaoxuefeng/content/js/1.html 可以在线编写JavaScript代码并直接运行！ JavaScript教程 - 6 - 本文档使用 书栈(BookStack.CN) 构建 1 JavaScript简介 要了解JavaScript，我们首先要回顾一下JavaScript的诞生。 多用户还在使用IE6这种古老的浏览器，这 就导致你在写JavaScript的时候，要照顾一下老用户，不能一上来就用最新的ES6标准写，否则，老 用户的浏览器是无法运行新版本的JavaScript代码的。 不过，JavaScript的核心语法并没有多大变化。我们的教程会先讲JavaScript最核心的用法，然 后，针对ES6讲解新增特性。 原文: https://wizardforcel.gitbooks

...........................................................................................19 6 源代码文本................................................................................................. .....................................................................................55 10.1.2 可执行代码的类型................................................................................................ ....................58 10.2.1 全局代码...................................................................................................................58 10.2.2 求值代码..................................

那么TypeScript究竟为何物？又有什么 魅力呢？ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript 代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本 手册也会紧随官方的每个commit 在编辑器，将下面的代码输入到 greeter.ts 文件里： function greeter(person) { return "Hello, " + person; } var user = "Jane User"; document.body.innerHTML = greeter(user); 编译代码 我们使用了 .ts 扩展名，但是这段代码仅仅是JavaScript而已。 ipt而已。 你可以直接从现 有的JavaScript应用里复制/粘贴这段代码。 在命令行上，运行TypeScript编译器： tsc greeter.ts TypeScript Handbook（中文版） 9 5分钟了解TypeScript 输出结果为一个 greeter.js 文件，它包含了和输入文件中相同的JavsScript代 码。 一切准备就绪，我们可以运行这个使用Typ

2020) | 版本发布说明 ✔ TypeScript语言用于大规模应用的JavaScript开发。 ✔ TypeScript支持类型，是 JavaScript的超集且可以编译成纯JavaScript代码。 ✔ TypeScript兼容所有浏览器，所有宿主 环境，所有操作系统。 ✔ TypeScript是开源的。 一大波新的快速开始指南：React，Angular，Nodejs，ASP.NET TypeScript究竟为何物？又有什么魅力呢？ TypeScript是Microsoft公司注册商标。 TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。 TypeScript目前还在积极的开发完善之中，不断地会有新的特性加入进来。 因此本手册也会紧随官 方的每个commi 3默认包含了TypeScript。 如果你的 Visual Studio还没有安装TypeScript，你可以下载它。 针对使用npm的用户： 1. > npm install -g typescript 在编辑器，将下面的代码输入到 greeter.ts 文件里： 1. function greeter(person) { 2. return "Hello, " + person; 3. } 4. 5