段时间的探索和实践，美团外卖 MTFlutter 团队成功实现了 Flutter 对于鸿蒙系统的 前端 2 > 2021年美团技术年货 原生支持。 这里也要提前说明一下，因为鸿蒙系统目前还处于 Beta 版本，所以这套适配方案还 没有在实际业务中上线，属于技术层面比较前期的探索。接下来本文会通过原理和部 分实现细节的介绍，分享我们在移植和开发过程中的一些经验。希望能对大家有所启 发或者帮助。 背景知识和基础概念介绍 两者的区别进行了对比： 图 3 模式对比 Canvaskit Render 模式：底层基于 Skia 的 WebAssembly 版本，而上层使 用 WebGL 进行渲染，因此能较好地保证一致性和滚动性能，但糟糕的兼容性 （WebAssembly 从 Chrome 57 版本才开始支持）是我们需要面对的问题。此外 Skia 的 WebAssembly 文件大小达到了 2.5M，且 Skia 自绘引擎需要字体库支持， Docker 镜像，整个过 程耗时较长且不够灵活。因此，我们将 Dart-SDK、Framework、Flutter_Web_ SDK 按版本打包传至云端，在编译开始前读取 CI/CD 环境变量：sdk_version （SDK 版本号），远程拉取相应版本的 SDK 包，并替换当前 Docker 环境中的对应模 块，基于以此方案实现 SDK 的灵活发布，具体流程图如下图所示： 图 10 集成

已经在2015年6月正式发布了，所以，讲到JavaScript的版本，实际上就是说它实现了ECMAScript 标准的哪个版本。 JavaScript简介 JavaScript历史 ECMAScript JavaScript版本 1 JavaScript简介 - 7 - 本文档使用 书栈(BookStack.CN) 构建 由于浏览器在发布时就确定了JavaScript的版本，加上很多用户还在使用IE6这种古老的浏览器，这 的浏览器，这 就导致你在写JavaScript的时候，要照顾一下老用户，不能一上来就用最新的ES6标准写，否则，老 用户的浏览器是无法运行新版本的JavaScript代码的。 不过，JavaScript的核心语法并没有多大变化。我们的教程会先讲JavaScript最核心的用法，然 后，针对ES6讲解新增特性。 原文: https://wizardforcel.gitbooks.io/li arr.indexOf('30'); // 元素'30'的索引为2 注意了，数字 30 和字符串 '30' 是不同的元素。 slice() 就是对应String的 substring() 版本，它截取 Array 的部分元素，然后返回一个新 的 Array ： 1. var arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G']; 2. arr.slice(0

ECMAScript 6 入门 《ECMAScript 6 入门》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。 前言 4 本书覆盖 ES6 与上一个版本 ES5 的所有不同之处，对涉及的语法知识给予详细介 绍，并给出大量简洁易懂的示例代码。 本书为中级难度，适合已经掌握 ES5 的读者，用来了解这门语言的最新发展；也 可当作参考手册，查寻新增的语法点。 提交给国际标准化组织ECMA，希望这种语言能够成为国 际标准。次年，ECMA 发布262号标准文件（ECMA-262）的第一版，规定了浏览 器脚本语言的标准，并将这种语言称为 ECMAScript，这个版本就是1.0版。 该标准从一开始就是针对 JavaScript 语言制定的，但是之所以不叫 JavaScript，有 两个原因。一是商标，Java 是 Sun 公司的商标，根据授权协议，只有 Netscape 2011年，ECMAScript 5.1版发布后，就开始制定6.0版了。因此，ES6 这个词的原 意，就是指 JavaScript 语言的下一个版本。 但是，因为这个版本引入的语法功能太多，而且制定过程当中，还有很多组织和个 人不断提交新功能。事情很快就变得清楚了，不可能在一个版本里面包括所有将要 引入的功能。常规的做法是先发布6.0版，过一段时间再发6.1版，然后是6.2版、 ECMAScript 6简介

Redux 学习渐进式 Web 应用 学习设计 JS API 学习web开发工具 学习命令行的使用 学习 Node.js 学习 JS 模块系统 学习模块加载和打包工具 学习包管理工具 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 学习设计 JS API 学习web开发工具 学习命令行的使用 学习 Node.js 学习 JS 模块系统 学习模块加载和打包工具 学习包管理工具 Introduction 8 学习版本控制 学习构建及任务自动化技术 学习网站性能优化 学习测试 学习无头浏览器 学习离线开发 学习网络／浏览器／应用的安全 多平台开发学习 导向学习 前端课程 前端开发学习的起点 前端资讯、新闻站和播客 成为一种切实可行的解决方案。 越来越多人着手进行 UI 的功能性、整合性测试，其中包含例如可视化 CSS 和 RWD（译 注：响应式网页设计，全称 Responsive web design）回归测试的概念。 得益于老版本 IE 使用、开发程度的大幅度降低，为浏览器 API 一致性而战的时代已离我 们远去。 2016 前端开发回顾 14 几乎人人都意识到开发网页的时候必须考虑多设备适配策略。 使用其他语言的开发者持续涌入

核心语法和浏览器网页开发的基本知识， 不涉及 Node。全书可以分成以下四大部分。 基本语法 标准库 浏览器 API DOM JavaScript 语言有多个版本。本书的内容主要基于 ECMAScript 5.1 版本，这是学习 JavaScript 语法的基础。ES6 和更新的语法 导论 - 10 - 本文档使用 书栈(BookStack.CN) 构建 请参考我写的《ECMAScript 上使用量排名第一的 语言。 著名程序员 Jeff Atwood 甚至提出了一条 “Atwood 定律”： “所有可以用 JavaScript 编写的程序，最终都会出现 JavaScript 的版本。”(Any application that can be written in JavaScript will eventually be written in JavaScript.) 相比学习其他语言，学习 书栈(BookStack.CN) 构建 历史 JavaScript 语言的历史 诞生 JavaScript 与 Java 的关系 JavaScript 与 ECMAScript 的关系 JavaScript的版本 周边大事记 参考链接 JavaScript 因为互联网而生，紧跟着浏览器的出现而问世。回顾它 的历史，就要从浏览器的历史讲起。 1990年底，欧洲核能研究组织（CERN）科学家 Tim Berners-

的、Promise的相关知识为主要讲解内容。 在Firefox和Chrome这样技术比较超前的浏览器上，不需要安装额外的插件就能使用 Promise功能，此外ES6 Promises的规范来源于Promises/A+社区，它有很多版本的实 现。 我们将会从基础API开始介绍可以在浏览器的原生支持或者通过插件支持的Promise功 能。 也希望各位读者能了解这其中Promise适合干什么，不适合干什么，能根据实际需 求选择合适的技术实现方案。 }); 如果我们在各种浏览器中执行这段代码，那么在IE8及以下版本则会出现 identifier not found 的语法错误。 这是怎么回事呢？ 实际上这和 catch 是ECMAScript的 保留字27 (Reserved Word)有 关。 在ECMAScript 3中保留字是不能作为对象的属性名使用的。 而IE8及以下版本都是 基于ECMAScript 3实现的，因此不能将 catch 则不能使用保留字）， 但是使用 中括号标记法（bracket notation）31的话，则可以将非合法标识符作为对象 的属性名使用。 也就是说，上面的代码如果像下面这样重写的话，就能在IE8及以下版本的浏览器中运 行了（当然还需要polyfill）。 解决Promise#catch标识符冲突问题 27 http://mothereff.in/js-properties#catch 28 http://es5

确保你现在看的迷你书是最新版本，请点击这里： • 《JavaScript 正则表达式迷你书》 感谢 由于本书是由个人文章修改而成，感谢各平台读者的支持。 感谢湖山，是他说我该把这些东西写出来的。 感谢小不，他在多方面给予了我帮助，封面是他设计的。 感谢小鱼二，他对全书进行了仔细地校对，并提出了相应的修改意见。 感谢丹迪的支持，他为我设计了多个封面，风格比较前卫，留给后续版本。 最后，尤其要 // => "#h#ell#o#" 二者的学名分别是 positive lookahead 和 negative lookahead。 中文翻译分别是正向先行断言和负向先行断言。 ES5 之后的版本，会支持 positive lookbehind 和 negative lookbehind。 具体是 (?<=p) 和 (?版本，打印的结果可能不一样）： 3.3.4. 分组后面有量词会怎样？ 分组后面有量词的话，分组最终捕获到的数据是最后一次的匹配。比如如下的测试案例： JavaScript 正则表达式迷你书 3.

qdlaoyao@126.com 后续版本更新，会在这里更新： 《JavaScript 正则表达式迷你书》 感谢 由于本书是由个人文章修改而成，感谢各平台读者的支持。 感谢湖山，是他说我该把这些东西写出来的。 感谢小不，他在多方面给予了我帮助，封面是他设计的。 感谢小鱼二，他对全书进行了仔细地校对，并提出了相应的修改意见。 感谢丹迪的支持，他为我设计了多个封面，风格比较前卫，留给后续版本。 最后，尤其要 // => "#h#ell#o#" 二者的学名分别是 positive lookahead 和 negative lookahead。 中文翻译分别是正向先行断言和负向先行断言。 ES5 之后的版本，会支持 positive lookbehind 和 negative lookbehind。 具体是 (?<=p) 和 (?版本号等。又比如导出 的pdf有缺字的问题，百度明白后才发现跟字体有关。边干边学，每解决掉一个问题，都挺有满足感的。带着 问题去研究去学习，这是一种问题思维。然而一时的解决方案还不够，后来我详细地阅读了Asciidoc使用手

Netscape 的全部子系列浏览器和从 Internet Explorer3.0 开始所有来自 Microsoft 的浏览器中出现。 该标准的研发起始于 1996 年 11 月。ECMA 标准的首个版本于 1997 年 6 月被 ECMA 公共协 会采用。 此 ECMA 标准曾被提交 ISO/IECJTC1 以“快速通道”审批过程的方式进行审批，并于 1998 年 8 月被批准成为 ISO/IEC16262 异常被抛出..."等 等。只要有一个算法步骤遭遇异常，就不再认为此异常发生过。 6 源代码文本 ECMAScript 源代码文本被表示为一个 Unicode 编码的字符序列，Unicode 版本 2.1 或更新， 使用 UTF-16 转换格式。我们期望文本已被 Unicode 规范化形式 C(canonical composition)规范化， Unicode 技术报告 #15 中描述了它。合乎标准的 2.1 版中具 体指明的类别中的字符，必须被所有符合标准的 ECMAScript 实现认作是其它类别中的字符； 不过，符合标准的 ECMAScript 实现可以允许附加那些基于 Unicode 早期版本中的类别分配的、 合法的标识符字符集。 本标准具体指明了一个背离给定的 Unicode 标准的文法：允许美元号($)和下划线 (_)出现在 标识符的任何位置。美元号仅应在机械生成的代码中使用。

10 Null 原始类型（1） 读者也许会有疑问了，为什么通过“typeof”运算符操作后的“null”值会返回“object” 的结果呢？其实这源于 JavaScript 脚本语言的最初实现版本中的一个错误，然后又恰恰被 ECMAScript 语法沿用了。现在，“null”值被认为是对象的占位符，这样似乎能够解释这一矛 盾。但是，从严格意义的技术上来讲，“null”仍然是原始值，Null 关键字（4） 2.6 关键字和保留字 在 ECMAScript 语法规范中，规定一些字符串是关键字和保留字，都是不能作为变量名和 函数名来使用的。我们知道，目前 ECMAScript 语法的最新官方版本已经是 ECMA-262 了。下 面列举一些 ECMAScript 语法中定义的保留字和关键字，详见表 2-3。 表 2-3 ECMAScript 关键字和保留字 abstract arguments