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

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

CN) 构建 致谢 当前文档 《廖雪峰JavaScript教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构 建，生成于 2018-07-13。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工 具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认文档内容知识点是否错漏。如果 您在阅读文档获取知 识准确、高效且有效地传递给每一个人。 同时，如果您在日常工作、生活和学习中遇到有价值有营养的知识文档，欢迎分享到 书栈 (BookStack.CN) ，为知识的传承献上您的一份力量！ 如果当前文档生成时间太久，请到 书栈(BookStack.CN) 获取最新的文档，以跟上知识更新换 代的步伐。 文档地址：http://www.bookstack.cn/books/liaoxuefeng-JavaScript 就是JavaScript，所以不必显式地把 type 指定为 JavaScript。 可以用任何文本编辑器来编写JavaScript代码。这里我们推荐以下几种文本编辑器： 免费，但不注册会不定时弹出提示框。 免费 注意：不可以用Word或写字板来编写JavaScript或HTML，因为带格式的文本保存后不是纯文本文 件，无法被浏览器正常读取。 要让浏览器运行JavaScript，必须先有一个HT

真实案例 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 7.3.1. 使用构造函数生成正则表达式 . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 7.3.2. 使用字符串保存数据 . . . . . . . . . 本书采用 Asciidoc 格式编写。 使用 Asciidoctor 构建本书电子版。 教程: • 语法教程 • 转换PDF教程 书中用的可视化图片是由 Regulex 正则表达式可视化工具生成。 其余图片是由 Processon 制作。 JavaScript 正则表达式迷你书 前言 | 第 1 页 意见和疑问 如果有意见或者问题的话，可以直接通过以下方式联系到我。 • 前端网 index: 0, input: "2017-06-12"] NOTE match 返回的一个数组，第一个元素是整体匹配结果，然后是各个分组（括号里）匹配的 内容，然后是匹配下标，最后是输入的文本。另外，正则表达式是否有修饰符 g，match 返回的数组格式是不一样的。 另外也可以使用正则实例对象的 exec 方法： var regex = /(\d{4})-(\d{2})-(\d{2})/;

真实案例 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 7.3.1. 使用构造函数生成正则表达式 . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 7.3.2. 使用字符串保存数据 . . . . . . . . . 本书采用Asciidoc格式编写。 使用 Asciidoctor 构建本书电子版。 教程: • 语法教程 • 转换PDF教程 书中用的可视化图片是由 Regulex 正则表达式可视化工具生成。 其余图片是由 Processon 制作。 JavaScript 正则表达式迷你书 前言 | 第 1 页 意见和疑问 如果有意见或者问题的话，可以直接通过以下方式联系到我。 • 前端网 index: 0, input: "2017-06-12"] NOTE match 返回的一个数组，第一个元素是整体匹配结果，然后是各个分组（括号里）匹配的 内容，然后是匹配下标，最后是输入的文本。另外，正则表达式是否有修饰符 g，match 返回的数组格式是不一样的。 另外也可以使用正则实例对象的 exec 方法： var regex = /(\d{4})-(\d{2})-(\d{2})/;

CN 构建 致谢 当前文档 《Vue.js v3.0 教程（Vue3 教程）》 由 进击的皇虫 使用 书栈网 (BookStack.CN) 进行构建，生成于 2020-10-21。 书栈网仅提供文档编写、整理、归类等功能，以及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈网难以确认文档内容知识点是否错漏。如果您在阅读文档获取 知识的时候，发现文档内容有不恰当的地方，请向我们 ，让我们共同携手，将知识准确、高效且有 效地传递给每一个人。 同时，如果您在日常工作、生活和学习中遇到有价值有营养的知识文档，欢迎分享到书栈网，为知 识的传承献上您的一份力量！ 如果当前文档生成时间太久，请到书栈网获取最新的文档，以跟上知识更新换代的步伐。 内容来源：Vue https://github.com/vuejs/docs-next-zh-cn 文档地址：https://www render() { 9. return Vue.h('div', {}, this.hi) 10. } 11. }) 当使用 vue-loader 时， *.vue 文件中的模板在生成时预编译为 JavaScript，在最终的打 包器中并不需要编译器，因此可以只使用运行时构建。 译者注[1] 对于中国大陆用户，建议将 NPM 源设置为国内的镜像 (opens new window)，可以

CN) 构建 致谢 当前文档 《阮一峰 JavaScript 教程》 由 进击的皇虫 使用 书栈(BookStack.CN) 进行构建，生成于 2018-02-26。 书栈(BookStack.CN) 仅提供文档编写、整理、归类等功能，以 及对文档内容的生成和导出工具。 文档内容由网友们编写和整理，书栈(BookStack.CN) 难以确认 文档内容知识点是否错漏。如果您在阅读文档获取知识的时候，发现文 确、高效且有效地传递给每一个人。 同时，如果您在日常生活、工作和学习中遇到有价值有营养的知识 文档，欢迎分享到 书栈(BookStack.CN) ，为知识的传承献上您的 一份力量！ 如果当前文档生成时间太久，请到 书栈(BookStack.CN) 获取 最新的文档，以跟上知识更新换代的步伐。 文档地 址：http://www.bookstack.cn/books/javascript- JavaScript 有一些有利条件。 （1）学习环境无处不在 易学性 导论 - 13 - 本文档使用 书栈(BookStack.CN) 构建 只要有浏览器，就能运行 JavaScript 程序；只要有文本编辑器，就 能编写 JavaScript 程序。这意味着，几乎所有电脑都原生提供 JavaScript 学习环境，不用另行安装复杂的 IDE（集成开发环境） 和编译器。 （2）简单性 相比其他脚本语言（比如

(Web 开发经典丛书) 书名原文：Pro Angular, Second Edition ISBN 978-7-302-49117-0 Ⅰ. ①A… Ⅱ. ①亚… ②杨… Ⅲ. ①超文本标记语言－程序设计－教材 Ⅳ. ①TP312.8 中国版本图书馆 CIP 数据核字(2017)第 315412 号 责任编辑：王 军 李维杰 装帧设计：孔祥峰 责任校对：曹 阳 .................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

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

书栈(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: