Web的未来 新技术和新语言带来的改变 hanguokai@gmail.com 韩国恺 @hanguokai 韩国恺 开发者9Y+ 技术爱好者 学习 上网 动漫、电影 健身 Google fans 与 Dart 的缘分 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇 a. Web Components b. Polymer com/dart-lang Pub：http://pub.dartlang.org 微博：@Dart 语言 编程语言小结 ● JavaScript 继续改进，仍是主流 ● 语言的多元化 ● 全新或兼容的新语言 ● 更简洁（CoffeeScript） ● 更平衡、实用（Dart） 1. Web的演化 2. 语言篇 a. 语言的发展 b. Dart 介绍 3. 技术篇 a. Web Components

新语⾔言，新思维 解读⼀一个并发问题的多种实现 陶召胜 next: 异步编程的问题 变量量读写冲突 异步任务1 异步任务2 共享变量量 读、写 读、写 IO阻塞 回调地狱 Future也有不不⾜足 • get 很容易易导致另⼀一个对象阻塞 • 不不⽀支持多值、⾼高级错误处理理 next: 多任务求解1-10,000,000的和 序号 语⾔言 关键点 1 JavaScript

PlantUML 语言参考指引 (1.2023.11) 109 / 538 6 活动图（新语法） 6 活动图（新语法） 以前用于活动图的语法存在一些局限性和可维护性问题。认识到这些弊端后，我们推出了全新的语法和 实现方式，不仅用户友好，而且更加稳定。 6.0.1 新语法的优势 • 无需依赖 Graphviz：与序列图一样，新语法无需安装 Graphviz，从而简化了设置过程。 • 易于 * 维护： 6.0.2 过渡到新 * 语法 虽然我们将继续支持旧语法以保持兼容性，但我们强烈建议用户迁移到新语法，以充分利用它所提供的 增强功能和优势。 现在就进行迁移，使用新的活动图语法体验更简化、更高效的图表制作流程。 6.1 简单活动图 活动标签 (activity label) 以冒号开始，以分号结束。 文本格式支持 creole wiki 语法。 活动默认按照它们定义的顺序进行自动连接。 several **lines**; stop @enduml 你也可以使用 end 关键字。 PlantUML 语言参考指引 (1.2023.11) 110 / 538 6.3 条件 6 活动图（新语法） @startuml start :Hello world; :This is defined on several **lines**; end @enduml 6.3 条件 你可以使用

语言参考指引 (1.2020.22) 69 / 294 4.12 一个完整的例子 4 活动图 PlantUML 语言参考指引 (1.2020.22) 70 / 294 5 活动图 (新语法 ) 5 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta @startuml start :Hello world; :This is on defined on PlantUML 语言参考指引 (1.2020.22) 71 / 294 5.3 条件语句 5 活动图 (新语法 ) several **lines**; end @enduml 5.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml PlantUML 语言参考指引 (1.2020.22) 72 / 294 5.4 Conditional with stop on an action [kill, detach] 5 活动图 (新语法) :Text else; endif stop @enduml 5.4 Conditional with stop on an action [kill, detach] You can stop

语言参考指引 (1.2020.23) 80 / 306 4.12 一个完整的例子 4 活动图 PlantUML 语言参考指引 (1.2020.23) 81 / 306 5 活动图 (新语法 ) 5 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta @startuml start :Hello world; :This is on defined on PlantUML 语言参考指引 (1.2020.23) 82 / 306 5.3 条件语句 5 活动图 (新语法 ) several **lines**; end @enduml 5.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml PlantUML 语言参考指引 (1.2020.23) 83 / 306 5.4 Conditional with stop on an action [kill, detach] 5 活动图 (新语法) :Text else; endif stop @enduml 5.4 Conditional with stop on an action [kill, detach] You can stop

语言参考指引 (1.2021.2) 92 / 380 5.12 一个完整的例子 5 活动图 PlantUML 语言参考指引 (1.2021.2) 93 / 380 6 活动图 (新语法 ) 6 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta world; :This is on defined on several **lines**; PlantUML 语言参考指引 (1.2021.2) 94 / 380 6.3 条件语句 6 活动图 (新语法 ) end @enduml 6.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml start if (Graphviz PlantUML 语言参考指引 (1.2021.2) 95 / 380 6.4 Conditional with stop on an action [kill, detach] 6 活动图 (新语法) endif stop @enduml 6.4 Conditional with stop on an action [kill, detach] You can stop action on

语言参考指引 (1.2021.1) 92 / 375 5.12 一个完整的例子 5 活动图 PlantUML 语言参考指引 (1.2021.1) 93 / 375 6 活动图 (新语法 ) 6 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta world; :This is on defined on several **lines**; PlantUML 语言参考指引 (1.2021.1) 94 / 375 6.3 条件语句 6 活动图 (新语法 ) end @enduml 6.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml start if (Graphviz PlantUML 语言参考指引 (1.2021.1) 95 / 375 6.4 Conditional with stop on an action [kill, detach] 6 活动图 (新语法) endif stop @enduml 6.4 Conditional with stop on an action [kill, detach] You can stop action on

语言参考指引 (1.2021.2) 94 / 397 5.12 一个完整的例子 5 活动图 PlantUML 语言参考指引 (1.2021.2) 95 / 397 6 活动图 (新语法 ) 6 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta world; :This is on defined on several **lines**; PlantUML 语言参考指引 (1.2021.2) 96 / 397 6.3 条件语句 6 活动图 (新语法 ) end @enduml 6.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml start if (Graphviz PlantUML 语言参考指引 (1.2021.2) 97 / 397 6.4 Conditional with stop on an action [kill, detach] 6 活动图 (新语法) endif stop @enduml 6.4 Conditional with stop on an action [kill, detach] You can stop action on

语言参考指引 (1.2019.3) 61 / 156 4.12 一个完整的例子 4 活动图 PlantUML 语言参考指引 (1.2019.3) 62 / 156 5 活动图 (新语法 ) 5 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta world; :This is on defined on several **lines**; PlantUML 语言参考指引 (1.2019.3) 63 / 156 5.3 条件语句 5 活动图 (新语法 ) end @enduml 5.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml start if (Graphviz then (yes) :Text 4; else (nothing) :Text else; PlantUML 语言参考指引 (1.2019.3) 64 / 156 5.4 重复循环 5 活动图 (新语法 ) endif stop @enduml 5.4 重复循环 你可以使用关键字 repeat 和 repeatwhile 进行重复循环。 @startuml start repeat :read

语言参考指引 (1.2019.2) 61 / 156 4.12 一个完整的例子 4 活动图 PlantUML 语言参考指引 (1.2019.2) 62 / 156 5 活动图 (新语法 ) 5 活动图 (新语法) 当前活动图 (activity diagram) 的语法有诸多限制和缺点，比如代码难以维护。 所以从 V7947 开始提出一种全新的、更好的语法格式和软件实现供用户使用 (beta world; :This is on defined on several **lines**; PlantUML 语言参考指引 (1.2019.2) 63 / 156 5.3 条件语句 5 活动图 (新语法 ) end @enduml 5.3 条件语句 在图示中可以使用关键字 if，then 和 else 设置分支测试。标注文字则放在括号中。 @startuml start if (Graphviz then (yes) :Text 4; else (nothing) :Text else; PlantUML 语言参考指引 (1.2019.2) 64 / 156 5.4 重复循环 5 活动图 (新语法 ) endif stop @enduml 5.4 重复循环 你可以使用关键字 repeat 和 repeatwhile 进行重复循环。 @startuml start repeat :read