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

images to svg

Browse source
This commit is contained in:
Ilya Kantor 2019-07-28 15:42:37 +03:00
parent a31e881856
commit 3ba28aa104
734 changed files with 11682 additions and 245 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/09-classes/05-extend-natives/article.md
View file

@ -78,6 +78,6 @@ For example, both `Array` and `Date` inherit from `Object`, so their instances h
Here's the picture structure for `Date` and `Object`:
![](object-date-inheritance.png)
![](object-date-inheritance.svg)
As you can see, there's no link between `Date` and `Object`. They are independent, only `Date.prototype` inherits from `Object.prototype`.

BIN
1-js/09-classes/05-extend-natives/object-date-inheritance.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 34 KiB

71
1-js/09-classes/05-extend-natives/object-date-inheritance.svg Normal file
View file

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="486px" height="370px" viewBox="0 0 486 370" 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>object-date-inheritance.svg</title>
<desc>Created with sketchtool.</desc>
<g id="inheritance" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object-date-inheritance.svg">
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="262" y="23" width="219" height="78"></rect>
<text id="constructor:-Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="272" y="42">constructor: Object</tspan>
<tspan x="272" y="57">toString: function</tspan>
<tspan x="272" y="72">hasOwnProperty: function</tspan>
<tspan x="272" y="87">...</tspan>
</text>
<rect id="Rectangle-1-Copy" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="262" y="329" width="178" height="28"></rect>
<text id="Object.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="261" y="15">Object.prototype</tspan>
</text>
<rect id="Rectangle-1-Copy-4" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="262" y="183" width="219" height="78"></rect>
<text id="constructor:-Date-to" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="272" y="202">constructor: Date</tspan>
<tspan x="272" y="217">toString: function</tspan>
<tspan x="272" y="232">getDate: function</tspan>
<tspan x="272" y="247">...</tspan>
</text>
<text id="Date.prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="261" y="175">Date.prototype</tspan>
</text>
<rect id="Rectangle-1-Copy-2" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="15" y="23" width="133" height="64"></rect>
<text id="Object" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="14" y="15">Object</tspan>
</text>
<rect id="Rectangle-1-Copy-3" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB" x="15" y="183" width="133" height="64"></rect>
<text id="Date" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="14" y="175">Date</tspan>
</text>
<text id="new-Date()" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="263" y="318">new Date()</tspan>
</text>
<path id="Line" d="M351.5,127.5 L351.5,155.5 L349.5,155.5 L349.5,127.5 L343.5,127.5 L350.5,113.5 L357.5,127.5 L351.5,127.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<path id="Line-Copy" d="M223,38 L156,38 L156,36 L223,36 L223,30 L237,37 L223,44 L223,38 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="360" y="137">[[Prototype]]</tspan>
</text>
<path id="Line-Copy-3" d="M351.5,287.5 L351.5,315.5 L349.5,315.5 L349.5,287.5 L343.5,287.5 L350.5,273.5 L357.5,287.5 L351.5,287.5 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="[[Prototype]]-Copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="360" y="297">[[Prototype]]</tspan>
</text>
<text id="prototype" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="163" y="25">prototype</tspan>
</text>
<path id="Line-Copy-2" d="M223,206 L156,206 L156,204 L223,204 L223,198 L237,205 L223,212 L223,206 Z" fill="#EE6B47" fill-rule="nonzero"></path>
<text id="prototype-copy" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="163" y="193">prototype</tspan>
</text>
<text id="defineProperty" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="41">defineProperty</tspan>
<tspan x="24" y="56">keys</tspan>
<tspan x="24" y="71">...</tspan>
</text>
<text id="now" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="24" y="202">now</tspan>
<tspan x="24" y="217">parse</tspan>
<tspan x="24" y="232">...</tspan>
</text>
<text id="1-Jan-2019" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="273" y="347">1 Jan 2019</tspan>
</text>
</g>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
1-js/09-classes/05-extend-natives/object-date-inheritance@2x.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 86 KiB