Dart Essentials（讀書筆記）——這本書很是大篇幅都在談AngularDart，Zones概念沒談到

Dart Essentials

文件夾

• 1 Getting Started
• 2 Practical Dart
• 3 The Power of HTML5 with Dart
• 4 Developing a Mobile App with Dart
• 5 Web Components with polymer.dart
• 6 AngularDart
• 7 Server-side apps with Dart
• 8 Testing and Profiling
• 9 Writing Native Extensions for the Standalone Dart VM

Getting Started

Practical Dart

1. 爲什麼DocumentFragment需要clone後再加進文檔裏去？（p162的樣例沒有）
2. Dart 1.9+：async + await
3. element.onClick.listen( (evt){...} ); //<--- Stream對象？
4. `part`
5. num, int, double

The Power of HTML5 with Dart

1. use JS：JsFunction.apply() JsObject.callMethod()

   _jQuery = context['jQuery'];

2. Dart Summit 2015? dart2js
3. Completer？.complete(items); => .future()
4. import 'dart:indexd_db' as idb; //可定義索引？有點像MongoDB
5. event.preventDefault(); event.stopPropagation();
6. WebAudio
   1. BiquadFilterNode？=> 分析器？
7. typed_data
   1. SIMD（vector_math）：Int32x四、Float32x4
8. WebGL
   1. three.dart, StageXL*, Box2d & play_phaser
9. Isolate在browser上用Web Worker實現？

Developing a Mobile App with Dart

1. 300ms tap延遲：用meta viewport禁止
2. transform-style: preserve-3d;
3. *3D書架 with DeviceOrientation事件（.alpha/.beta/.gamma）
4. GPS不精確：Kalman濾波？

Web Components with polymer.dart

1. Web Components：Shadow DOM + Custom Elements + imports（M36+） + templates
2. 代碼演示樣例：

   var tpl = linkElement.important.querySelector('#id');

   Node n = tpl.content.clone(true);

   ... targetDiv.createShadowRoot().append(n);

3. document.registerElement('my-greeting', MyGreetingElement); <-- factory MyGreetingElement() => new Element.tag('my-greeting');
4. MutationObserver*
5. main() async { (await initPolymer()).run( (){...} );
6. *一路數據綁定

   @customTag('one-way-book')

   class OneWayBookElement extends PolymerElement { ...

7. 定製屬性：if repeat
8. *二路數據綁定（Angular的簡單實現？）
   1. <core-list> 無限列表

AngularDart

1. 3種bind：NgOneWay NgTwoWay NgAttr
2. Angular 2.0：使用TypeScript的擴展AtScript辨析的？支持編譯到Dart？
3. 性能話題
   1. digest loop：對model的每個變化？change會‘傳播’...
   2. 不要嵌套ng-repeat，致使scopes氾濫
   3. <li ng-repeat="t in tasks | filter:term | orderBy:p track by t.id">
   4. dont't excess Formatter ...

Server-side apps with Dart

1. main()多個一個args參數而已

Testing and Profiling

1. 操做符重載？operator ==(Vector v) => ...
2. Mixins（略）
3. 測試AngularDart：Protractor/WebDriverJS（沒有界面的瀏覽器）

Writing Native Extensions for the Standalone Dart VM

1. 略