在JavaScript中的 并行语言特性 周爱民 @aimingoo https://github.io/aimingoo 上海南潮信息科技有限公司/ruff.io R/W {range} {range} {range} R W Lock Unlock 声明一个变量/标识 符，使之在确定的上 下文中占有存储位 置。 有变量 1 使存储位置中有值。 绑定值 3 Promise.resolve(x) p2 = p.then(f) JS 类 对象 构造器 ⾯面向对象的 动态的 名字空间 结构化异常 语句 结构化的 动态类型 动态执行 动态作用域 多语言范型 函数式的 生成器 迭代器 函数是第一类的 可运行/求值的 for await..of .catch .finally promise.then() Promise() class

Web的未来 新技术和新语言带来的改变 hanguokai@gmail.com 韩国恺 @hanguokai 韩国恺 开发者9Y+ 技术爱好者 学习 上网 动漫、电影 健身 Google fans 与 Dart 的缘分 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇 a. Web Components b. Polymer 技术发展方向 ● 演进中的各种新技术标准 ● 编程语言的多元化 Web 是平台，能在上面做什么归根结底是技术标 准和浏览器支持说了算。 技术可以被 hack 的方式玩出新花样，但能力本 身并没有改变。 技术发展方向 1. 能力的扩展来自新技术：如 WebRTC 和 Web Components。 2. 开发方式会有不同流派，但基础技术的支撑很 重要，如编程语言。 1. Web的演化 Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇（Web Components） 大纲 Web语言的发展 1995~2013 JavaScript 1995，18年前 Brendan Eich JavaScript 的发展 多范式：函数式、OO、命令式 1995 年诞生于 Netscape 1998 年成为 ECMA 标准 2006 年 jQuery

202 移动端 UI 一致性解决方案 202 美团外卖 Flutter 动态化实践 227 美团开源 Logan Web：前端日志在 Web 端的实现 255 外卖客户端容器化架构的演进 270 Flutter 包大小治理上的探索与实践 297 美团外卖持续交付的前世今生 326 微前端在美团外卖的实践 352 积木 Sketch 插件进阶开发指南 372 积木 589 ESLint 在中大型团队的应用实践 610 美团 iOS 工程 zsource 命令背后的那些事儿 627 客户端单周发版下的多分支自动化管理与实践 635 美团外卖前端容器化演进实践 643 Bifrost 微前端框架及其在美团闪购中的实践 664 Litho 的使用及原理剖析 680 Android 兼容 Java 8 语法特性的原理分析 697 美团外卖商家端视频探索之旅 发或者帮助。 背景知识和基础概念介绍 在适配开始之前，我们要明确好先做哪些事情。先来回顾一下 Flutter 的三层结构： 在 Flutter 的架构设计中，最上层为框架层，使用 Dart 语言开发，面向 Flutter 业务 的开发者；中间层为引擎层，使用 C/C++ 开发，实现了 Flutter 的渲染管线和 Dart 运行时等基础能力；最下层为嵌入层，负责与平台相关的能力实现。显然我们要做的

得益于老版本 IE 使用、开发程度的大幅度降低，为浏览器 API 一致性而战的时代已离我 们远去。 2016 前端开发回顾 14 几乎人人都意识到开发网页的时候必须考虑多设备适配策略。 使用其他语言的开发者持续涌入 JS 领域，他们也带来了一些东西：例如类型检测，和对 类语法以及面向对象思想的执念。 前端开发引入了热模块替换技术和时间旅行调试。 原生 JS 浏览器模块加载器更受期待了。 前端开发者所使用的核心技术有如下这些（建议按顺序进行学习）： 1. 统一资源定位符 (URLs) 2. 超文本传输协议 (HTTP) 3. 超文本标记语言 (HTML) 4. 层叠样式表 (CSS) 5. JavaScript 编程语言 (ECMAScript 262) 6. JavaScript 对象表示法 (JSON) 7. 文档对象模型(DOM) 8. 网络 APIs (HTML5 发规范 请参看 platform.html5.org。 超文本标记语言 (HTML) 超文本标记语言，通常被称为 HTML，被用作创建网页的标准标记语言。网络浏览器可 以读取 HTML 文件并且把它们渲染成可见或可听的网页。HTML 在语义上描述了一个网 站的结构，并且隐含了其表现形式，因此是一种标记语言，而非程序语言。 — 维基百科 前端开发者所使用的技术 20 相关规范／文档：

体验 狼叔 Qunar前端架构师，某科技公司前CTO，StuQ 明星讲师，Node.js 技术布道者，Node全栈公 众号运营者，演进经历丰 富，gitc，giac，vuejs，iweb，oracle code等 多次500+以上演进 更了不起的Node.js Node更新过快，大家开发中 天天用，但对Node没有大局 观，对一些更好的写法，最 佳实践不熟悉。《更了不起 基础框架，通过「微内核 + 插件机制 + 框架定制能 力」，完美达成生态共建和 差异化定制的平衡点。Egg 已开源近一年，本次分享将 介绍 Egg 的设计理念和特 点，演示在团队里如何渐进 式演进，希望能帮助开发者 定制适合自己团队的上层框 架，走向企业级开发协作。 林子杰 阿里巴巴前端开发专家，UC 浏览器内核前端 负责人，UC 内核发布知乎专栏运营者 PWA 技术实践与分 析 TSW组件核心开发者 2012年开始进入腾讯实习，期间负责空间相 册，空间直播等业务。同时是腾讯内部 TSW(Tencent Server Web)组件的核心开发者 和维护者，本次主要解析在TSW演进中沉淀下 来的Node.js请求抓包工具的原理，该工具可以 将单次用户访问涉及到的所有请求打包成 Fiddler可以查看的saz包，下载到本地进行查 看和重放调试。 TSW抓包原理解析 1

Vue声明式编程 摘要 • 声明式与图灵完备性 • 声明式与UI编程的演进 • 声明式与UI架构 • 声明式与交互 声明式与图灵完备性 声明式 • 我们对语⾔言有很多划分的维度 • 声明式 vs 命令式 • 声明式语⾔言：HTML XML CSS SQL • 命令式语⾔言：C++ Java JavaScript 图灵完备性 • 图灵完备：“可计算性” • 命令式的图灵完备性：if/for，

host, search, …} Window: { open, close, … } fetch WebSocket … Chrome Developer Tools Kraken 持续演进 Kraken Bridge React Frontend Flutter Backend Kraken JavaScript Runtime Kraken Object Model Bridge

JavaScript 核心语法，从最简单的开始讲起，循序 渐进、由浅入深，力求清晰易懂。所有章节都带有大量的代码实例，便 于理解和模仿，可以用到实际项目中，即学即用。 本教程适合初学者当作 JavaScript 语言的入门教程，也适合当作日 常使用的参考手册。 介绍 - 5 - 本文档使用 书栈(BookStack.CN) 构建 前言 前言 我写这本教程，主要原因是自己需要。 编程时，往往需要查阅资料，确定准确用法。理想的 为教程，本书对所有重要概念都进行了讲解，努力把复杂的问题讲得简 单，希望一两分钟内就能抓住重点。本书还可以作为参考手册，罗列了 主要用法和各种 API 接口，并给出可以立即运行的代码。所有章节按 照语言的 API 编排，方便以后的查阅。 如果你发现某处出现陌生的新概念，请不要担心，可以继续阅读下去。 以后查阅这些章节的时候，你会发现很方便找到某个知识点相关的所有 内容。 前言 前言 - 本文档使用 书栈(BookStack.CN) 构建 导论 导论 什么是 JavaScript 语言？ 为什么学习 JavaScript？ 操控浏览器的能力 广泛的使用领域 易学性 强大的性能 开放性 社区支持和就业机会 实验环境 JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”（script language），指的是它不具备开发操作系统的能力，而是只用来编写 控

............................................................................................9 4.2 语言概述................................................................................................. 标准基于一系列原创技术，其中最著名的是 Netscape 公司的 JavaScript 和 Microsoft 公司的 JScript。该语言由 Netscape 公司的 Brendan Eich 发明并首先出现在该公司 的 Navigator 2.0 浏览器中。该语言至今已经在所有来自 Netscape 的全部子系列浏览器和从 Internet Explorer3.0 开始所有来自 Microsoft 异常处理，更严密的出错定义，数字式输出格式以及一些次要变 更，为即将到来的国际化语言设施和语言未来发展的作提前准备。 关于这个语言的工作并没有结束。技术委员会正在致力于作出意义重大的优化，这包括脚 本在互联网上创建和使用的机制，以及与其它标准实 体（如万维网联盟(W3C)及无线应用协议 论坛的等团体）间更紧密的配合。 1 作用范围 此标准定义了 ECMAScript 脚本语言。 2 前言 符合标准的 ECMAScript

JavaScript 脚本语言的 语法和基本对象。因此，本书从严谨的角度出发，这里使用 ECMAScript 语法基础作为本章标 题。不过，绝大多数的设计人员还是不区分 JavaScript 与 ECMAScript 的，更习惯用 JavaScript 语法的称谓。 2.1 ECMAScript 基础 在第 1 章中，我们了解到 JavaScript 语言与 Java 语言的历史渊源，其实 JavaScript 而开发出来的。如果读者熟悉 Java 语言，就会发现 ECMAScript 语法很容易掌握， 因其主要就是借用了 Java 语言的语法。当然，JavaScript 与 Java 毕竟是两种功能作用不同的编 程语言，ECMAScript 还有一些特殊的语法特性。 2.1.1 ECMAScript 语句 相信读者在学习人生中的第一门编程语言（比如 C 语言、Java 语言等）时，最先要明确 的就是程序语句。学校为什么会将诸如 的就是程序语句。学校为什么会将诸如 C 或 Java 这类的语言作为基础性编程语言呢？其中有 一条原因是非常重要的，这类语言对于语法语句都有严格的规定，这样便于初学者对编程语言 的语法语句有深刻的理解。 那么 JavaScript 脚本语言的语句规则是如何定义的呢？通常，一条 JavaScript 语句用于描 述一个完整的变量定义或功能操作，且每一条 JavaScript 语句都要以分号（;）来结束，分号（;）