3.3.4 更新 Bootstrap 包................39 3.3.5 移除文件 ...........................40 3.3.6 更新控制器、布局和视图....40 3.4 运行项目...................................42 3.5 理解合并项目和工具................44 3.5.1 Angular 5 高级编程(第 2 版) 24 [ngSwitch]表达式是一个条件语句，用于根据指定的值(在这种情况下为 item.done 属性) 将不同的一组元素插入到文档中。嵌套在 td 元素中的是两个 span 元素，它们分别包含注 解*ngSwitchCase 和*ngSwitchDefault，分别对应于普通 JavaScript switch 代码块中的 case

'guest' 内容（例如 web pages ）嵌入到你的 Electron app 中. guest内容包 含在 webview 容器中.一个嵌入你应用的page控制着guest内容如何布局摆放和表达含义. 与 iframe 不同, webview 和你的应用运行的是不同的进程. 它不拥有渲染进程的权限，并且应用和嵌入内容 之间的交互全部都是异步的.因为这能保证应用的安全性不受嵌入内容的影响 书栈(BookStack.CN) 构建 返回 boolean,设置窗口是否有阴影.在Windows和Linux系统始终返回 true . buttons Array 在窗口的任务栏button布局出为缩略图添加一个有特殊button的缩略图工具栏. 返回一个 Boolean 对象来 指示是否成功添加这个缩略图工具栏. 因为空间有限，缩略图工具栏上的 button 数量不应该超过7个. ignoreSystemCrashHandler Boolean - 默认为 false . extra Object - 一个你可以定义的对象，附带在崩溃报告上一起发送 . 只有字符串属性可以被正确 发送，不支持嵌套对象. 只可以在使用其它 crashReporter APIs 之前使用这个方法. 注意: 在 macOS, Electron 使用一个新的 crashpad 客户端, 与 Windows

基础组件 • 布局组件 • 容器组件 • 功能类组件 基础组件 • StatelessWidget & StatefulWidget • Text • Button • Image • Switch & Checkbox • TextField 布局组件 • 线性布局（Row和Column） • 弹性布局（Flex） • 流式布局（Wrap、Flow） • 层叠布局（Stack）

Angular 1 那 般辉煌了。 JavaScript 大体上保持软件技术的中流砥柱位置。 更多的开发者开始把工具化（比如自动化）和测试当回事了。 静态站点生成器被重视起来。 CSS 网格布局（CSS Grid）势头正旺且前途无量。 NPM 受到来自 Yarn 的挑战。 下一代类 React 方案的演化通过 Preact、Deku、Rax 和 inferno 的形式展现，并伴随着 少量 单元测试 跨设备测试 Accessibility / WAI-ARIA 搜索引擎优化（亦称 SEO） 交互或用户界面设计 用户体验 适用性 电子商务系统 门户系统 线框绘制 CSS 布局/ Grids DOM 操作（比如 jQuery） 前端开发技能 24 移动 Web 性能 负载测试 性能测试 渐进增强/优雅降级 版本控制（比如 GIT） MVC / MVVM / Trident + Chakra) 浏览器是如何工作的： 了解关于浏览器和 Web 的20件事情 [阅读] 加速你的CSS：浏览器如何布局网页 [阅读] 浏览器如何工作：现代浏览器的幕后原理 [阅读] 浏览器是如何真正渲染一个网站的？ [观看] 什么会触发布局和重排 [阅读] 每位前端开发者必须知道的网页渲染技能 [阅读] 图片来源: http://www.html5rocks.com/

JavaScript+Native ⾃自⼰己负责渲染 WebView 跨平台的布局引擎： 转化为Native渲染 开发语⾔言：JavaScript 开发语⾔言：JavaScript 为何可以跨平台？ H5、Hybrid：虽然UI⾃自⼰己渲染， 但是渲染性能太低，⽽而且JS运⾏行行 效率太低 RN：虽然是Native渲染，但多了了 布局解析的性能损耗，⽽而且JS运⾏行行 效率太低。 WEB流 Mono AOT ARM CODE IL JIT Mono C# c#：同时⽀支持JIT和AOT Xamarin：虽然性能好了了⼀一些，但是跨 平台的UI⽀支持不不好，⽆无法实现复杂的 UI布局。 编译流/虚拟机流 ⽅方案3 ⾃自⼰己负责渲染 Unity：虽然渲染性能很强⼤大，但渲染 机制为实时刷新，耗电量量太⼤大，在 APP⾥里里都是局部刷新；⽽而且安装包也 很⼤大 游戏引擎

层：提供业务代码运⾏行行时的前端上下⽂文环境； • Native Framework 层：负责前终端通讯与 JavaScript VM，并提供 Native 相关模块； • Portable UI 层：提供基础 UI 组件与布局计算框架，并负责渲染⾄至⽬目标平台； Layout/Style Hippy Layout Text Component Text... Component Node Render Portable iOS、Android 共享布局引擎， 纯 C 开发，只有 50kb。 项⽬目架构 Hippy SDK 采⽤用三层设计，其中： • JavaScript 层：提供业务代码运⾏行行时的前端上下⽂文环境； • Native Framework 层：负责前终端通讯与 Javascript VM，并提供 Native 相关模块； • Portable UI 层：提供基础 UI 组件与布局计算框架，并负责渲染⾄至⽬目标平台；

7. return x; 8. } 9. 10. f(false, 0); // returns 0 11. f(true, 0); // returns 100 在一个嵌套作用域里引入一个新名字的行为称做_屏蔽_。 它是一把双刃剑，它可能会不小心地引入新 问题，同时也可能会解决一些错误。 例如，假设我们现在用 let 重写之前的 sumMatrix 函数。 1 error, 'a' is required if you supply an argument 要小心使用解构。 从前面的例子可以看出，就算是最简单的解构表达式也是难以理解的。 尤其当存在 深层嵌套解构的时候，就算这时没有堆叠在一起的重命名，默认值和类型注解，也是令人难以理解的。 解构表达式要尽量保持小而简单。 你自己也可以直接使用解构将会生成的赋值表达式。 函数声明 变量声明 - 105 13. name = name || "Bob"; 14. return postfix("great"); 15. } 本例使用了嵌套函数，因为编译器无法去除嵌套函数的 null （除非是立即调用的函数表达式）。 因为它无法跟踪所有对嵌套函数的调用，尤其是你将内层函数做为外层函数的返回值。 如果无法知道 函数在哪里被调用，就无法知道调用时 name 的类型。 高级类型 -

上面的函数有两个代码块，都声明了变量 n ，运行后输出5。这表示外层代码块不 受内层代码块的影响。如果两次都使用 var 定义变量 n ，最后输出的值才是10。 ES6 允许块级作用域的任意嵌套。 {{{{{let insane = 'Hello World'}}}}}; 上面代码使用了一个五层的块级作用域。外层作用域无法读取内层作用域的变量。 {{{{ {let insane = [1, 2, 3]; 上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被 赋予对应的值。下面是一些使用嵌套数组进行解构的例子。 变量的解构赋值 45 let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 let not defined 变量的解构赋值 50 上面代码中， foo 是匹配的模式， baz 才是变量。真正被赋值的是变量 baz ， 而不是模式 foo 。 与数组一样，解构也可以用于嵌套结构的对象。 let obj = { p: [ 'Hello', { y: 'World' } ] }; let { p: [x, { y }] } = obj;