Skip to content

Commit f9abc7c

Browse files
ljharbljharb
authored
Create gh-pages branch via GitHub
1 parent 9010520 commit f9abc7c

File tree

1 file changed

+20
-20
lines changed

1 file changed

+20
-20
lines changed

‎index.html

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -206,7 +206,7 @@ <h2>
206206

207207
<div class="highlight highlight-source-js"><pre><span class="pl-c">// bad</span>
208208
<span class="pl-k">const</span> <span class="pl-c1">superman</span> <span class="pl-k">=</span> {
209-
<span class="pl-k">default</span><span class="pl-k">:</span> { clark<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>kent<span class="pl-pds">'</span></span> },
209+
default<span class="pl-k">:</span> { clark<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>kent<span class="pl-pds">'</span></span> },
210210
private<span class="pl-k">:</span> <span class="pl-c1">true</span>,
211211
};
212212

@@ -439,7 +439,7 @@ <h2>
439439
<li>
440440
<p><a href="#arrays--from">4.4</a> To convert an array-like object to an array, use <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/from">Array.from</a>.</p>
441441

442-
<div class="highlight highlight-source-js"><pre><span class="pl-k">const</span> <span class="pl-c1">foo</span> <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-en">querySelectorAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.foo<span class="pl-pds">'</span></span>);
442+
<div class="highlight highlight-source-js"><pre><span class="pl-k">const</span> <span class="pl-c1">foo</span> <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelectorAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.foo<span class="pl-pds">'</span></span>);
443443
<span class="pl-k">const</span> <span class="pl-c1">nodes</span> <span class="pl-k">=</span> <span class="pl-c1">Array</span>.<span class="pl-en">from</span>(foo);</pre></div>
444444

445445
<p><a name="arrays--callback-return"></a><a name="4.5"></a></p>
@@ -1370,7 +1370,7 @@ <h2>
13701370

13711371
<span class="pl-c">// good</span>
13721372
<span class="pl-k">let</span> sum <span class="pl-k">=</span> <span class="pl-c1">0</span>;
1373-
<span class="pl-smi">numbers</span>.<span class="pl-en">forEach</span>(<span class="pl-smi">num</span> <span class="pl-k">=&gt;</span> sum <span class="pl-k">+=</span> num);
1373+
<span class="pl-smi">numbers</span>.<span class="pl-c1">forEach</span>(<span class="pl-smi">num</span> <span class="pl-k">=&gt;</span> sum <span class="pl-k">+=</span> num);
13741374
sum <span class="pl-k">===</span> <span class="pl-c1">15</span>;
13751375

13761376
<span class="pl-c">// best (use the functional force)</span>
@@ -1774,37 +1774,37 @@ <h2>
17741774

17751775
<div class="highlight highlight-source-js"><pre> <span class="pl-c">// bad</span>
17761776
<span class="pl-k">switch</span> (foo) {
1777-
<span class="pl-k">case</span> <span class="pl-c1">1</span><span class="pl-k">:</span>
1777+
<span class="pl-k">case</span> <span class="pl-c1">1</span>:
17781778
<span class="pl-k">let</span> x <span class="pl-k">=</span> <span class="pl-c1">1</span>;
17791779
<span class="pl-k">break</span>;
1780-
<span class="pl-k">case</span> <span class="pl-c1">2</span><span class="pl-k">:</span>
1780+
<span class="pl-k">case</span> <span class="pl-c1">2</span>:
17811781
<span class="pl-k">const</span> <span class="pl-c1">y</span> <span class="pl-k">=</span> <span class="pl-c1">2</span>;
17821782
<span class="pl-k">break</span>;
1783-
<span class="pl-k">case</span> <span class="pl-c1">3</span><span class="pl-k">:</span>
1783+
<span class="pl-k">case</span> <span class="pl-c1">3</span>:
17841784
<span class="pl-k">function</span> <span class="pl-en">f</span>() {}
17851785
<span class="pl-k">break</span>;
1786-
<span class="pl-k">default</span><span class="pl-k">:</span>
1786+
<span class="pl-k">default</span>:
17871787
<span class="pl-k">class</span> <span class="pl-en">C</span> {}
17881788
}
17891789

17901790
<span class="pl-c">// good</span>
17911791
<span class="pl-k">switch</span> (foo) {
1792-
<span class="pl-k">case</span> <span class="pl-c1">1</span><span class="pl-k">:</span> {
1792+
<span class="pl-k">case</span> <span class="pl-c1">1</span>: {
17931793
<span class="pl-k">let</span> x <span class="pl-k">=</span> <span class="pl-c1">1</span>;
17941794
<span class="pl-k">break</span>;
17951795
}
1796-
<span class="pl-k">case</span> <span class="pl-c1">2</span><span class="pl-k">:</span> {
1796+
<span class="pl-k">case</span> <span class="pl-c1">2</span>: {
17971797
<span class="pl-k">const</span> <span class="pl-c1">y</span> <span class="pl-k">=</span> <span class="pl-c1">2</span>;
17981798
<span class="pl-k">break</span>;
17991799
}
1800-
<span class="pl-k">case</span> <span class="pl-c1">3</span><span class="pl-k">:</span> {
1800+
<span class="pl-k">case</span> <span class="pl-c1">3</span>: {
18011801
<span class="pl-k">function</span> <span class="pl-en">f</span>() {}
18021802
<span class="pl-k">break</span>;
18031803
}
1804-
<span class="pl-k">case</span> <span class="pl-c1">4</span><span class="pl-k">:</span>
1804+
<span class="pl-k">case</span> <span class="pl-c1">4</span>:
18051805
<span class="pl-en">bar</span>();
18061806
<span class="pl-k">break</span>;
1807-
<span class="pl-k">default</span><span class="pl-k">:</span> {
1807+
<span class="pl-k">default</span>: {
18081808
<span class="pl-k">class</span> <span class="pl-en">C</span> {}
18091809
}
18101810
}</pre></div>
@@ -1937,7 +1937,7 @@ <h2>
19371937
<span class="pl-c"> * based on the passed in tag name</span>
19381938
<span class="pl-c"> *</span>
19391939
<span class="pl-c"> * <span class="pl-k">@param</span> <span class="pl-en">{String}</span> <span class="pl-smi">tag</span></span>
1940-
<span class="pl-c"> * <span class="pl-k">@return</span> <span class="pl-en">{Element}</span> <span class="pl-smi">element</span></span>
1940+
<span class="pl-c"> * <span class="pl-k">@return</span> <span class="pl-en">{Element}</span> element</span>
19411941
<span class="pl-c"> */</span>
19421942
<span class="pl-k">function</span> <span class="pl-en">make</span>(<span class="pl-smi">tag</span>) {
19431943

@@ -2062,13 +2062,13 @@ <h2>
20622062
}
20632063

20642064
<span class="pl-c">// bad</span>
2065-
<span class="pl-smi">dog</span>.<span class="pl-en">set</span>(<span class="pl-s"><span class="pl-pds">'</span>attr<span class="pl-pds">'</span></span>,{
2065+
<span class="pl-smi">dog</span>.<span class="pl-c1">set</span>(<span class="pl-s"><span class="pl-pds">'</span>attr<span class="pl-pds">'</span></span>,{
20662066
age<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>1 year<span class="pl-pds">'</span></span>,
20672067
breed<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>Bernese Mountain Dog<span class="pl-pds">'</span></span>,
20682068
});
20692069

20702070
<span class="pl-c">// good</span>
2071-
<span class="pl-smi">dog</span>.<span class="pl-en">set</span>(<span class="pl-s"><span class="pl-pds">'</span>attr<span class="pl-pds">'</span></span>, {
2071+
<span class="pl-smi">dog</span>.<span class="pl-c1">set</span>(<span class="pl-s"><span class="pl-pds">'</span>attr<span class="pl-pds">'</span></span>, {
20722072
age<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>1 year<span class="pl-pds">'</span></span>,
20732073
breed<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>Bernese Mountain Dog<span class="pl-pds">'</span></span>,
20742074
});</pre></div>
@@ -2156,18 +2156,18 @@ <h2>
21562156
.<span class="pl-en">updateCount</span>();
21572157

21582158
<span class="pl-c">// bad</span>
2159-
<span class="pl-k">const</span> <span class="pl-c1">leds</span> <span class="pl-k">=</span> <span class="pl-smi">stage</span>.<span class="pl-en">selectAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.led<span class="pl-pds">'</span></span>).<span class="pl-c1">data</span>(data).<span class="pl-en">enter</span>().<span class="pl-en">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:svg<span class="pl-pds">'</span></span>).<span class="pl-en">classed</span>(<span class="pl-s"><span class="pl-pds">'</span>led<span class="pl-pds">'</span></span>, <span class="pl-c1">true</span>)
2160-
.<span class="pl-en">attr</span>(<span class="pl-s"><span class="pl-pds">'</span>width<span class="pl-pds">'</span></span>, (radius <span class="pl-k">+</span> margin) <span class="pl-k">*</span> <span class="pl-c1">2</span>).<span class="pl-en">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:g<span class="pl-pds">'</span></span>)
2159+
<span class="pl-k">const</span> <span class="pl-c1">leds</span> <span class="pl-k">=</span> <span class="pl-smi">stage</span>.<span class="pl-en">selectAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.led<span class="pl-pds">'</span></span>).<span class="pl-c1">data</span>(data).<span class="pl-en">enter</span>().<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:svg<span class="pl-pds">'</span></span>).<span class="pl-en">classed</span>(<span class="pl-s"><span class="pl-pds">'</span>led<span class="pl-pds">'</span></span>, <span class="pl-c1">true</span>)
2160+
.<span class="pl-en">attr</span>(<span class="pl-s"><span class="pl-pds">'</span>width<span class="pl-pds">'</span></span>, (radius <span class="pl-k">+</span> margin) <span class="pl-k">*</span> <span class="pl-c1">2</span>).<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:g<span class="pl-pds">'</span></span>)
21612161
.<span class="pl-en">attr</span>(<span class="pl-s"><span class="pl-pds">'</span>transform<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>translate(<span class="pl-pds">'</span></span> <span class="pl-k">+</span> (radius <span class="pl-k">+</span> margin) <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>,<span class="pl-pds">'</span></span> <span class="pl-k">+</span> (radius <span class="pl-k">+</span> margin) <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>)<span class="pl-pds">'</span></span>)
21622162
.<span class="pl-c1">call</span>(<span class="pl-smi">tron</span>.<span class="pl-smi">led</span>);
21632163

21642164
<span class="pl-c">// good</span>
21652165
<span class="pl-k">const</span> <span class="pl-c1">leds</span> <span class="pl-k">=</span> <span class="pl-smi">stage</span>.<span class="pl-en">selectAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.led<span class="pl-pds">'</span></span>)
21662166
.<span class="pl-c1">data</span>(data)
2167-
.<span class="pl-en">enter</span>().<span class="pl-en">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:svg<span class="pl-pds">'</span></span>)
2167+
.<span class="pl-en">enter</span>().<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:svg<span class="pl-pds">'</span></span>)
21682168
.<span class="pl-en">classed</span>(<span class="pl-s"><span class="pl-pds">'</span>led<span class="pl-pds">'</span></span>, <span class="pl-c1">true</span>)
21692169
.<span class="pl-en">attr</span>(<span class="pl-s"><span class="pl-pds">'</span>width<span class="pl-pds">'</span></span>, (radius <span class="pl-k">+</span> margin) <span class="pl-k">*</span> <span class="pl-c1">2</span>)
2170-
.<span class="pl-en">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:g<span class="pl-pds">'</span></span>)
2170+
.<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">'</span>svg:g<span class="pl-pds">'</span></span>)
21712171
.<span class="pl-en">attr</span>(<span class="pl-s"><span class="pl-pds">'</span>transform<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>translate(<span class="pl-pds">'</span></span> <span class="pl-k">+</span> (radius <span class="pl-k">+</span> margin) <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>,<span class="pl-pds">'</span></span> <span class="pl-k">+</span> (radius <span class="pl-k">+</span> margin) <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>)<span class="pl-pds">'</span></span>)
21722172
.<span class="pl-c1">call</span>(<span class="pl-smi">tron</span>.<span class="pl-smi">led</span>);
21732173

@@ -2784,7 +2784,7 @@ <h2>
27842784
<div class="highlight highlight-source-js"><pre><span class="pl-k">class</span> <span class="pl-en">Jedi</span> {
27852785
<span class="pl-en">constructor</span>(<span class="pl-smi">options</span> <span class="pl-k">=</span> {}) {
27862786
<span class="pl-k">const</span> <span class="pl-c1">lightsaber</span> <span class="pl-k">=</span> <span class="pl-smi">options</span>.<span class="pl-smi">lightsaber</span> <span class="pl-k">||</span> <span class="pl-s"><span class="pl-pds">'</span>blue<span class="pl-pds">'</span></span>;
2787-
<span class="pl-v">this</span>.<span class="pl-en">set</span>(<span class="pl-s"><span class="pl-pds">'</span>lightsaber<span class="pl-pds">'</span></span>, lightsaber);
2787+
<span class="pl-v">this</span>.<span class="pl-c1">set</span>(<span class="pl-s"><span class="pl-pds">'</span>lightsaber<span class="pl-pds">'</span></span>, lightsaber);
27882788
}
27892789

27902790
<span class="pl-en">set</span>(<span class="pl-smi">key</span>, <span class="pl-smi">val</span>) {

0 commit comments

Comments
 (0)