jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

minor

Browse source
This commit is contained in:
Ilya Kantor 2019-07-30 14:51:21 +03:00
parent fd9c92809f
commit a560e6517a
4 changed files with 11 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

12
1-js/11-async/03-promise-chaining/promise-handler-variants.svg
View file

@ -6,7 +6,7 @@
<g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="promise-handler-variants.svg"> <g id="promise-handler-variants.svg">
<path id="Line-Copy" d="M525.949493,220.3668 L486.395757,189.768627 L488.231373,187.395757 L527.78511,217.99393 L532.680087,211.666277 L541.895478,230.805936 L521.054516,226.694454 L525.949493,220.3668 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy" d="M525.949493,220.3668 L486.395757,189.768627 L488.231373,187.395757 L527.78511,217.99393 L532.680087,211.666277 L541.895478,230.805936 L521.054516,226.694454 L525.949493,220.3668 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-3" d="M332,216 L332,188 L335,188 L335,216 L343,216 L333.5,235 L324,216 L332,216 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-3" d="M335,216 L335,188 L338,188 L338,216 L346,216 L336.5,235 L327,216 L335,216 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy-2" d="M173.21489,217.99393 L212.768627,187.395757 L214.604243,189.768627 L175.050507,220.3668 L179.945484,226.694454 L159.104522,230.805936 L168.319913,211.666277 L173.21489,217.99393 Z" fill="#EE6B47" fill-rule="nonzero"></path> <path id="Line-Copy-2" d="M173.21489,217.99393 L212.768627,187.395757 L214.604243,189.768627 L175.050507,220.3668 L179.945484,226.694454 L159.104522,230.805936 L168.319913,211.666277 L173.21489,217.99393 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="return-value" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D"> <text id="return-value" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D">
<tspan x="128" y="173">return value</tspan> <tspan x="128" y="173">return value</tspan>
@ -15,7 +15,7 @@
<tspan x="447" y="173">return promise</tspan> <tspan x="447" y="173">return promise</tspan>
</text> </text>
<text id="throw-error" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D"> <text id="throw-error" font-family="PTMono-Regular, PT Mono" font-size="13" font-weight="normal" fill="#8A704D">
<tspan x="284" y="173">throw error</tspan> <tspan x="294" y="173">throw error</tspan>
</text> </text>
<rect id="Rectangle-1-Copy" stroke="#7ED321" stroke-width="2" fill="#FFF9EB" x="20" y="264" width="178" height="64"></rect> <rect id="Rectangle-1-Copy" stroke="#7ED321" stroke-width="2" fill="#FFF9EB" x="20" y="264" width="178" height="64"></rect>
<text id="state:-&quot;fulfilled&quot;-r" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#417505"> <text id="state:-&quot;fulfilled&quot;-r" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#417505">
@ -36,16 +36,16 @@
<tspan x="494" y="323">...with the result</tspan> <tspan x="494" y="323">...with the result</tspan>
<tspan x="494" y="338">of the new promise...</tspan> <tspan x="494" y="338">of the new promise...</tspan>
</text> </text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="241" y="25" width="191" height="64"></rect> <rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="241" y="34" width="191" height="64"></rect>
<text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D"> <text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="271" y="49">state: "pending"</tspan> <tspan x="271" y="58">state: "pending"</tspan>
<tspan x="271" y="69">result: undefined</tspan> <tspan x="271" y="78">result: undefined</tspan>
</text> </text>
<text id="the-call-of-.then(ha" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D"> <text id="the-call-of-.then(ha" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="136" y="15">the call of .then(handler) always returns a promise:</tspan> <tspan x="136" y="15">the call of .then(handler) always returns a promise:</tspan>
</text> </text>
<text id="if-handler-ends-with" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47"> <text id="if-handler-ends-with" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="256" y="133">if handler ends with…</tspan> <tspan x="248" y="132">if handler ends with…</tspan>
</text> </text>
<text id="that-promise-settles" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47"> <text id="that-promise-settles" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
<tspan x="12" y="253">that promise settles with:</tspan> <tspan x="12" y="253">that promise settles with:</tspan>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before After
Before After

36
1-js/11-async/07-microtask-queue/eventLoop.svg
View file

@ -1,36 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="479px" height="279px" viewBox="0 0 479 279" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
<title>eventLoop.svg</title>
<desc>Created with sketchtool.</desc>
<g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="eventLoop.svg">
<rect id="Rectangle-1-Copy-5" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="91" width="108" height="28"></rect>
<text id="..." font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="258.9" y="110">...</tspan>
</text>
<rect id="Rectangle-1-Copy-6" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="118" width="108" height="28"></rect>
<text id="setTimeout" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="230" y="137">setTimeout</tspan>
</text>
<rect id="Rectangle-1-Copy-8" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="145" width="108" height="28"></rect>
<text id="mousemove" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="233.7" y="164">mousemove</tspan>
</text>
<rect id="Rectangle-1-Copy-9" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="218" y="173" width="108" height="28"></rect>
<text id="script" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
<tspan x="246.8" y="192">script</tspan>
</text>
<text id="event-loop" font-family="PTSans-Regular, PT Sans" font-size="24" font-weight="normal" fill="#000000">
<tspan x="72.288" y="134">event</tspan>
<tspan x="77.64" y="163">loop</tspan>
</text>
<text id="macrotask-queue" font-family="PTSans-Regular, PT Sans" font-size="24" font-weight="normal" fill="#9B9B9B">
<tspan x="341.06" y="136">macrotask</tspan>
<tspan x="361.928" y="165">queue</tspan>
</text>
<path id="Path" d="M263.010725,69.7351956 L258.427178,55.1253877 L262.243758,53.9280087 L270.177144,79.2152421 L244.446978,72.8637563 L245.405602,68.9803249 L260.271316,72.6499231 L251.379057,64.2925256 C234.508006,51.2131452 213.805751,44 192,44 C160.941365,44 132.332745,58.6951996 114.136419,83.1428166 L110.927659,80.7545412 C129.87093,55.303369 159.663534,40 192,40 C214.734181,40 236.326559,47.5348634 253.906792,61.1909666 L254.049591,61.3130651 L263.010725,69.7351956 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Path-Copy-2" d="M120.724894,221.828651 L125.083129,236.507247 L121.248579,237.645767 L113.705173,212.239473 L139.334576,218.986062 L138.316319,222.854285 L123.508821,218.956414 L132.2805,227.4584 C148.5538,239.990276 169.796977,246.679687 194.412852,246.679687 C211.208683,246.679687 229.275076,241.15794 243.817212,231.644681 C250.728173,227.123628 255.441499,222.839019 265.167458,212.919811 L265.501312,212.579321 C267.561111,210.478661 268.636053,209.389458 269.882343,208.148251 L272.704986,210.98245 C271.473253,212.20916 270.406519,213.290045 268.357381,215.379834 L268.02357,215.72028 C258.101872,225.839116 253.233892,230.264312 246.007006,234.992038 C230.82183,244.925965 211.996447,250.679687 194.412852,250.679687 C168.89777,250.679687 146.759649,243.69382 129.747255,230.556099 L129.658358,230.487449 L120.724894,221.828651 Z" fill="#EE6B47" fill-rule="nonzero"></path>
</g>
</g>
</svg>
Side by side

Before

Width:  |  Height:  |  Size: 3.8 KiB

10
1-js/11-async/07-microtask-queue/promiseQueue.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

BIN
figures.sketch
View file

Binary file not shown.