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的演化 Source map tree shaking minification Dart2js Tree-shaking ● 语言的设计影响性能 ● 使用snapshot启动速度快10倍 ● 运行时不能改变对象结构有利于VM优化 ● Dart VM 性能已超越 JavaScript V8 ● …… 高性能 性能测试 http://www.dartlang.org/performance/ Dart

............................................................................................. 93 改变绘图页或打印纸的尺寸 ........................................................................................ ............................................................................................ 122 改变布局................................................................................................. 6，再拖入一个图形到页面上。 8. 通过连接线工具，把这些图形连在一起。 怎样设置默认的图形格式 设置默认主题 1. 在属性栏的主题模块中，选择一个内置主题。 2. 通过对颜色、连接线和文本的设置来改变默认主题的样式。 Edraw Max http://www.edrawsoft.cn Page 12 of 162 设置默认线条样式 1. 在属性栏的主题模块中，点击“连接线”按钮。

............................................................................................ 107 改变绘图页或打印纸的尺寸 ........................................................................................ ............................................................................................ 138 改变布局................................................................................................. Edraw Max http://www.edrawsoft.cn Page 21 of 180 3. 如果调整的同时按住 ctrl 键，会以图形的中心为定点改变大小。 4. 如果调整的同时按住 shift 键，改变过程会更加流畅。 旋转图形 要旋转图形到任意角度，可以按照如下步骤： 1. 选中图形并且把光标放在旋转按钮上，直到光标变成圆圈 2. 拖动按钮到你需要的角度，松开鼠标。

............................30 改变导图布局...........................................................................................................................30 改变连接线样式............................ .................................36 改变主题形状填充色...............................................................................................................39 改变主题形状................................. ...............................43 改变主题形状阴影...................................................................................................................44 改变主题形状的线条颜色和样式........................

中一些常用命令的信息，以增强您的图表创建体验。 1.1 基本的例子 序列-> 用于绘制两个参与者之间的信息。参与者不必明确声明。 要有一个点状的箭头，就用--> 也可以用 <- 和 <-- 。这不会改变绘图，但可能提高可读性。注意，这只适用于顺序图，其他图的规则 不同。 @startuml Alice -> Bob: Authentication Request Bob --> Alice: Authentication 1 序列图 1.2 声明参与者 如果使用关键字 participant 来声明参与者，就可以对该参与者进行更多的控制。 声明的顺序将是（默认的）显示顺序。 使用这些其他的关键字来声明参与者，将改变参与者的表示形状。 • actor（角色） • boundary（边界） • control（控制） • entity（实体） • database（数据库） • collections（集合） Foo5 : To database Foo -> Foo6 : To collections Foo -> Foo7: To queue @enduml 使用 as 关键字重命名参与者。 你也可以改变演员或参与者的背景颜色。 PlantUML 语言参考指引 (1.2023.11) 2 / 538 1.3 多行定义参与者 1 序列图 @startuml actor Bob #red ' The

-------------------- 58 改变导图布局 ---------------------------------------------------------------- 58 改变导图整体布局 ------------------------------------------------------------ 58 改变连接线样式 ------------------- -------------------------------------------------------------------- 66 改变背景 -------------------------------------------------------------------- 67 改变主题形状 ---------------------------------------------------------------- -------------------- 76 改变主题形状 ---------------------------------------------------------------- 77 改变主题字体 ---------------------------------------------------------------- 81 改变分支样式 -------------------

-------------------- 58 改变导图布局 ---------------------------------------------------------------- 58 改变导图整体布局 ------------------------------------------------------------ 58 改变连接线样式 ------------------- -------------------------------------------------------------------- 66 改变背景 -------------------------------------------------------------------- 67 改变主题形状 ---------------------------------------------------------------- -------------------- 76 改变主题形状 ---------------------------------------------------------------- 77 改变主题字体 ---------------------------------------------------------------- 81 改变分支样式 -------------------

------------------- 58 改变导图布局 --------------------------------------------------------------- 58 改变导图整体布局 ----------------------------------------------------------- 58 改变连接线样式 ------------------- ------------------------------------------------------------------- 66 改变背景 ------------------------------------------------------------------- 67 改变主题形状 --------------------------------------------------------------- ------------------- 76 改变主题形状 --------------------------------------------------------------- 77 改变主题字体 --------------------------------------------------------------- 81 改变分支样式 -------------------

............................................................................................. 24 改变组织结构图布局 ........................................................................................... ............................... 27 改变形状填充色 ............................................................................................................. 29 改变形状阴影 ................................. ....................................... 33 改变形状的线条颜色和样式 ......................................................................................... 35 改变形状字体 ........................................

举个例⼦，⽐如说你刚刚在Outliner中选择了 两个对象，想把它们连接起来。如果你在光标还在 "⼤纲" 中时按下这个快捷 键（ Ctrl-J ），什么也不会发⽣，因为这个快捷键在这⾥是⽆效的；你⾸先 需要把光标移到3D视图。 改变⼤⼩ 可以通过按住 LMB 并拖动边界调整区域⼤⼩。 移动⿏标光标移到两个区域之间的边界，直到 它变成⼀个双向箭头，然后按下并拖动。 拆分 分割⼀个区域将创建⼀个新的区域。将⿏标光 标放在⼀个区域的⾓上，光标会变成⼀个⼗字 不⼀样的。更多信息见 编辑器 章节中各编辑器对应⽂档。 标题栏 标题栏是⼀个⼩的⽔平剪辑，位于区域的顶部或底部。 所有编辑器都有标题 栏，⽤于容纳菜单和常⽤⼯具。 菜单 和按钮将随编辑器类型和所选物体和模 式⽽改变。 3D视图标题栏。 上下⽂菜单 在标题栏上 RMB 单击，显⽰⼀个带有⼏个选项的上下⽂菜单： 显⽰标题栏 切换页眉的可见性。如果页眉被隐藏了，可以通过点击或拖动出现在编辑 器右上⽅/下⽅的⼩箭头，使其再次可见。 拖动来快速调整⽔平和垂直范围。 改变尺⼨与隐藏 与 区域 ⼀样，可以使⽤拖拽边界调整区块⼤⼩。 要隐藏⼀个区域，可以把它的⼤⼩调整为零。被隐藏的区域会留下⼀个⼩箭头 标志。 LMB 在这个图标上可以使该区域重新出现。 隐藏和显⽰侧栏。 绽放 某些区域（如⼯具栏）的⽐例可以通过使⽤ Ctrl-⿏标中键 在其内部拖动，或使 ⽤ ⼩键盘+号 和 ⼩键盘-号 同时将⿏标光标悬停在其上来改变。按 Home键 将刻度