， 如果在 iOS 及 Android 之外再重新开发和维护一套鸿蒙应用，在如今业界越来越注 重开发迭代效率的环境下，所带来的开发成本也是难以估量的。因此，通过打造一套 合适的跨端框架，以相对低的成本移植应用到鸿蒙平台，并利用好该系统的特性能 力，就成为了一个非常重要的选项。 在现有的众多跨端框架当中，Flutter 以其自渲染能力带来的多端高度一致性，在新 系统的适配上有着突出的优势。虽然 分环境构建，主要实现了将类 React 语法进行 AST 编译解析，根据构建平台 分别编译成对应的 Bundle 产物。 ● 自动化构建部署，将构建能力接入 Talos（美团内部自研的构建部署工具），再 结合低代码业务工具实现一键部署，将编译产物根据配置项上传至 DD（美团 内部自研移动端动态下发平台）。 模板驱动方案 目前，R2X-Module 在客户端和小程序容器的同构率在 99.3% 以上，在性能方面首 典型代表 Taro2.0 / Rax 编译时 Taro Next / Remax 原理 编译时将 React 代码直接转换成小程序代码 运行是通过 React 自定义渲染器完成页面绘制 优势 性能损耗低 无语法限制 劣势 语法限制大 性能损耗大 对比来看，重编译方案有一个严重的问题：语法限制。因为大部分前端开发者们已 经对灵活的语法有一定的依赖性，比如会使用高阶组件、在条件判断的时候写很多

ASCII 码是最早出现的字符集，其全称为 American Standard Code for Information Interchange（美国 标准信息交换代码）。它使用 7 位二进制数（一个字节的低 7 位）表示一个字符，最多能够表示 128 个不同的 字符。如图 3‑6 所示，ASCII 码包括英文字母的大小写、数字 0 ~ 9、一些标点符号，以及一些控制字符（如 换行符和制表符）。 第 ‧ 缓存局部性：当访问数组元素时，计算机不仅会加载它，还会缓存其周围的其他数据，从而借助高速缓 存来提升后续操作的执行速度。 连续空间存储是一把双刃剑，其存在以下局限性。 ‧ 插入与删除效率低：当数组中元素较多时，插入与删除操作需要移动大量的元素。 ‧ 长度不可变：数组在初始化后长度就固定了，扩容数组需要将所有数据复制到新数组，开销很大。 ‧ 空间浪费：如果数组分配的大小超过实际所需，那么多余的空间就被浪费了。 的成本是硬盘的几十倍，这使得它难以在消费者市场普及。 ‧ 缓存的大容量和高速度难以兼得。随着 L1、L2、L3 缓存的容量逐步增大，其物理尺寸会变大，与 CPU 核心之间的物理距离会变远，从而导致数据传输时间增加，元素访问延迟变高。在当前技术下，多层级 的缓存结构是容量、速度和成本之间的最佳平衡点。 图 4‑9 计算机存储系统 第 4 章 数组与链表 hello‑algo.com 85 Note 计算机的存储层

ASCII 码是最早出现的字符集，其全称为 American Standard Code for Information Interchange（美国 标准信息交换代码）。它使用 7 位二进制数（一个字节的低 7 位）表示一个字符，最多能够表示 128 个不同的 字符。如图 3‑6 所示，ASCII 码包括英文字母的大小写、数字 0 ~ 9、一些标点符号，以及一些控制字符（如 换行符和制表符）。 第 ‧ 缓存局部性：当访问数组元素时，计算机不仅会加载它，还会缓存其周围的其他数据，从而借助高速缓 存来提升后续操作的执行速度。 连续空间存储是一把双刃剑，其存在以下局限性。 ‧ 插入与删除效率低：当数组中元素较多时，插入与删除操作需要移动大量的元素。 ‧ 长度不可变：数组在初始化后长度就固定了，扩容数组需要将所有数据复制到新数组，开销很大。 ‧ 空间浪费：如果数组分配的大小超过实际所需，那么多余的空间就被浪费了。 的成本是硬盘的几十倍，这使得它难以在消费者市场普及。 ‧ 缓存的大容量和高速度难以兼得。随着 L1、L2、L3 缓存的容量逐步增大，其物理尺寸会变大，与 CPU 核心之间的物理距离会变远，从而导致数据传输时间增加，元素访问延迟变高。在当前技术下，多层级 的缓存结构是容量、速度和成本之间的最佳平衡点。 图 4‑9 计算机存储系统 第 4 章 数组与链表 www.hello‑algo.com 85 Tip 计算机的

码」是最早出现的字符集，其全称为 American Standard Code for Information Interchange（美 国标准信息交换代码）。它使用 7 位二进制数（一个字节的低 7 位）表示一个字符，最多能够表示 128 个不 同的字符。如图 3‑6 所示，ASCII 码包括英文字母的大小写、数字 0 ~ 9、一些标点符号，以及一些控制字符 （如换行符和制表符）。 第 ‧ 缓存局部性：当访问数组元素时，计算机不仅会加载它，还会缓存其周围的其他数据，从而借助高速缓 存来提升后续操作的执行速度。 连续空间存储是一把双刃剑，其存在以下局限性。 ‧ 插入与删除效率低：当数组中元素较多时，插入与删除操作需要移动大量的元素。 ‧ 长度不可变：数组在初始化后长度就固定了，扩容数组需要将所有数据复制到新数组，开销很大。 ‧ 空间浪费：如果数组分配的大小超过实际所需，那么多余的空间就被浪费了。 的成本是硬盘的几十倍，这使得它难以在消费者市场普及。 ‧ 缓存的大容量和高速度难以兼得。随着 L1、L2、L3 缓存的容量逐步增大，其物理尺寸会变大，与 CPU 核心之间的物理距离会变远，从而导致数据传输时间增加，元素访问延迟变高。在当前技术下，多层级 的缓存结构是容量、速度和成本之间的最佳平衡点。 图 4‑9 计算机存储系统 第 4 章 数组与链表 hello‑algo.com 84 � 计算机的存储层次结构

碼是最早出現的字符集，其全稱為 American Standard Code for Information Interchange（美國 標準資訊交換程式碼）。它使用 7 位二進位制數（一個位元組的低 7 位）表示一個字元，最多能夠表示 128 個 不同的字元。如圖 3‑6 所示，ASCII 碼包括英文字母的大小寫、數字 0 ~ 9、一些標點符號，以及一些控制字 元（如換行符和製表符）。 第 ‧ 快取區域性：當訪問陣列元素時，計算機不僅會載入它，還會快取其周圍的其他資料，從而藉助高速快 取來提升後續操作的執行速度。 連續空間儲存是一把雙刃劍，其存在以下侷限性。 ‧ 插入與刪除效率低：當陣列中元素較多時，插入與刪除操作需要移動大量的元素。 ‧ 長度不可變：陣列在初始化後長度就固定了，擴容陣列需要將所有資料複製到新陣列，開銷很大。 ‧ 空間浪費：如果陣列分配的大小超過實際所需，那麼多餘的空間就被浪費了。 所示，假設我們想在相鄰的兩個節點 n0 和 n1 之間插入一個新節 點 P ，則只需改變兩個節點引用（指標）即可，時間複雜度為 ?(1) 。 相比之下，在陣列中插入元素的時間複雜度為 ?(?) ，在大資料量下的效率較低。 圖 4‑6 鏈結串列插入節點示例 第 4 章 陣列與鏈結串列 www.hello‑algo.com 75 // === File: linked_list.js === /* 在鏈結串列的節點

计算机就可以通过查表完成 二进制数到字符的转换。 3.4.1 ASCII 字符集 「ASCII 码」是最早出现的字符集，全称为“美国标准信息交换代码”。它使用 7 位二进制数（即一个字节的 低 7 位）表示一个字符，最多能够表示 128 个不同的字符。如图 3‑6 所示，ASCII 码包括英文字母的大小写、 数字 0 ~ 9、一些标点符号，以及一些控制字符（如换行符和制表符）。 第 3 ‧ 缓存局部性: 当访问数组元素时，计算机不仅会加载它，还会缓存其周围的其他数据，从而借助高速缓 存来提升后续操作的执行速度。 连续空间存储是一把双刃剑，其存在以下缺点。 ‧ 插入与删除效率低: 当数组中元素较多时，插入与删除操作需要移动大量的元素。 ‧ 长度不可变: 数组在初始化后长度就固定了，扩容数组需要将所有数据复制到新数组，开销很大。 ‧ 空间浪费: 如果数组分配的大小超过了实际所需，那么多余的空间就被浪费了。 存中的两种存储方式：连续空间存储和 离散空间存储。两者的特点呈现出互补的特性。 ‧ 数组支持随机访问、占用内存较少；但插入和删除元素效率低，且初始化后长度不可变。 ‧ 链表通过更改引用（指针）实现高效的节点插入与删除，且可以灵活调整长度；但节点访问效率低、占 用内存较多。常见的链表类型包括单向链表、循环链表、双向链表。 ‧ 动态数组，又称列表，是基于数组实现的一种数据结构。它保留了数组的优势，同时可以灵活调整长

= n0.next; const n1 = P.next; n0.next = n1; } 4. 数组与链表 hello‑algo.com 51 4.2.2. 链表缺点 链表访问结点效率低。上节提到，数组可以在 ?(1) 时间下访问任意元素，但链表无法直接访问任意结点。这 是因为计算机需要从头结点出发，一个一个地向后遍历到目标结点。例如，倘若想要访问链表索引为 index （即第 index // 将索引 1 处的元素更新为 0 在列表中添加、插入、删除元素。相对于数组，列表可以自由地添加与删除元素。在列表尾部添加元素的时间 复杂度为 ?(1) ，但是插入与删除元素的效率仍与数组一样低，时间复杂度为 ?(?) 。 // === File: list.js === /* 清空列表 */ list.length = 0; /* 尾部添加元素 */ list.push(1); 方式，即连续空间存储和离散 空间存储。两者的优点与缺点呈现出此消彼长的关系。 ‧ 数组支持随机访问、内存空间占用小；但插入与删除元素效率低，且初始化后长度不可变。 ‧ 链表可通过更改指针实现高效的结点插入与删除，并且可以灵活地修改长度；但结点访问效率低、占用 内存多。常见的链表类型有单向链表、循环链表、双向链表。 ‧ 列表又称动态数组，是基于数组实现的一种数据结构，其保存了数组的优势，且可以灵活改变长度。列

通常，一个立即执行的匿名函数可以把函数体拆开，一般这么写： 1. (function (x) { 2. return x * x; 3. })(3); 说了这么多，难道闭包就是为了返回一个函数然后延迟执行吗？ 当然不是！闭包有非常强大的功能。举个栗子： 在面向对象的程序设计语言里，比如Java和C++，要在对象内部封装一个私有变量，可以 用 private 修饰一个成员变量。 在没有 popupTestWindow() 在 click 事件处理 函数内执行，这是浏览器允许的，而 button2 的 click 事件并未立刻执 行 popupTestWindow() ，延迟执行的 popupTestWindow() 将被浏览器拦截。 对如下的Form表单： 1. 2.

本文档使用 书栈(BookStack.CN) 构建 delay() 可以让一个函数延迟执行，效果和 setTimeout() 是一样的，但是代码明显简单了： 1. 'use strict'; 2. 3. // 2秒后调用alert(): 4. _.delay(alert, 2000); 如果要延迟调用的函数有参数，把参数也传进去： 1. 'use strict'; 2. 3

运算顺序 优先级 其他运算符，运算顺序 - 196 - 本文档使用 书栈(BookStack.CN) 构建 算符，到底谁的优先级最高，实在不容易记住。 根据语言规格，这五个运算符的优先级从高到低依次为：小于等于 （ <= )、严格相等（ === ）、或（ || ）、三元（ ?: ）、等号 （ = ）。因此上面的表达式，实际的运算顺序如下。 1. var y = ((arr.length log(0); 4. throw 'bug'; 5. } catch(e) { 6. console.log(1); 7. return true; // 这句原本会延迟到 finally 代码块结束再执行 8. console.log(2); // 不会运行 9. } finally { 10. console.log(3); 11.

的其他操作，比如下载其他资源或等待加在其他脚本。只对外部脚本有效。 type：可选。指示脚本的 MIME（描述消息内容类型的因特网标准） 类型，默认 为 text/javascript defer：可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。仅对外部 脚本有效。 src：可选。定义指向包含脚本文件的 URL。 在 HTML 中使用 JavaScript 17 VCG JavaScript 2020/4/28