Skip to content

Commit fad6615

Browse files
iliakaniliakan
committed
renovations
1 parent 6444024 commit fad6615

File tree

22 files changed

+94
-161
lines changed

22 files changed

+94
-161
lines changed

‎1-js/3-writing-js/2-coding-style/code-style.svg‎

Lines changed: 13 additions & 6 deletions
Loading

‎1-js/4-data-structures/3-string/article.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -106,20 +106,20 @@ alert( str.charAt(0) ); // "j"
106106

107107
В JavaScript **нет отдельного типа "символ"**, так что `charAt` возвращает строку, состоящую из выбранного символа.
108108

109-
Также (кроме IE7-) для доступа к символу можно также использовать квадратные скобки:
109+
Также для доступа к символу можно также использовать квадратные скобки:
110110

111111
```js
112112
//+ run
113113
var str = "Я - современный браузер!";
114-
alert( str[0] ); // "Я", IE8+
114+
alert( str[0] ); // "Я"
115115
```
116116

117117
Разница между этим способом и `charAt` заключается в том, что если символа нет -- `charAt` выдает пустую строку, а скобки -- `undefined`:
118118

119119
```js
120120
//+ run
121121
alert( "".charAt(0) ); // пустая строка
122-
alert( "" [0] ); // undefined, IE8+
122+
alert( "" [0] ); // undefined
123123
```
124124

125125
Вообще же метод `charAt` существует по историческим причинам, ведь квадратные скобки -- проще и короче.

‎1-js/7-js-misc/2-json/article.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -335,7 +335,6 @@ alert( str );
335335
<ul>
336336
<li>JSON -- формат для представления объектов (и не только) в виде строки.</li>
337337
<li>Методы [JSON.parse](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse) и [JSON.stringify](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify) позволяют интеллектуально преобразовать объект в строку и обратно.</li>
338-
<li>Для IE7- можно подключить библиотеку [json2](https://github.com/douglascrockford/JSON-js/blob/master/json2.js).</li>
339338
</ul>
340339

341340

‎1-js/7-js-misc/4-eval/article.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -201,6 +201,8 @@ alert( mul(a, b) ); // 6
201201

202202
В браузерах IE7- не было методов `JSON.stringify` и `JSON.parse`, поэтому работа с JSON происходила через `eval`.
203203

204+
Этот способ работы с JSON давно устарел, но его можно встретить кое-где в старом коде, так что для примера рассмотрим его.
205+
204206
Вызов `eval(code)` выполняет код и, если это выражение, то возвращает его значение, поэтому можно в качестве кода передать JSON.
205207

206208
Например:
@@ -248,8 +250,6 @@ alert( user.age ); // 25
248250
**Поэтому рекомендуется, всё же, использовать `JSON.parse`.**
249251

250252
При разборе через `JSON.parse` некорректный JSON просто приведёт к ошибке, а вот при разборе через `eval` этот код реально выполнится, он может вывести что-то на странице, перенаправить посетителя куда-то и т.п.
251-
252-
Если вам важна поддержка IE7, в котором `JSON.parse нет`, то от злого кода можно защититься проверкой текста при помощи регулярного выражения из [стандарта RFC 4627, секция 6](https://www.ietf.org/rfc/rfc4627.txt) или подключить библиотеку [json2](https://github.com/douglascrockford/JSON-js/blob/master/json2.js).
253253
[/warn]
254254

255255

‎12-extra/5-setImmediate/article.md‎

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,17 +35,14 @@ if (!window.setImmediate) window.setImmediate = (function() {
3535
window.attachEvent( 'onmessage', onmessage );
3636
}
3737

38-
return window.postMessage ? function(func) {
38+
return function(func) {
3939
tail = tail.next = { func: func };
4040
window.postMessage(ID, "*");
41-
} :
42-
function(func) { // IE7-
43-
setTimeout(func, 0);
4441
};
4542
}());
4643
```
4744

48-
Есть и более сложные эмуляции, включая [MessageChannel](http://www.w3.org/TR/webmessaging/#channel-messaging) для работы с [Web Workers](http://www.w3.org/TR/workers/) и хитрый метод для поддержки IE6-8: [](https://github.com/NobleJS/setImmediate). Все они по существу являются "хаками", направленными на то, чтобы обеспечить поддержку `setImmediate` в тех браузерах, где его нет.
45+
Есть и более сложные эмуляции, включая [MessageChannel](http://www.w3.org/TR/webmessaging/#channel-messaging) для работы с [Web Workers](http://www.w3.org/TR/workers/) и хитрый метод для поддержки IE8-: [](https://github.com/NobleJS/setImmediate). Все они по существу являются "хаками", направленными на то, чтобы обеспечить поддержку `setImmediate` в тех браузерах, где его нет.
4946

5047
## Тест производительности
5148

‎12-extra/5-setImmediate/setImmediate.view/setImmediate.js‎

Lines changed: 5 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,10 @@ if (!window.setImmediate) window.setImmediate = (function() {
1818
window.attachEvent('onmessage', onmessage);
1919
}
2020

21-
return window.postMessage ? function(func) {
22-
tail = tail.next = {
23-
func: func
24-
};
25-
window.postMessage(ID, "*");
26-
} :
27-
function(func) { // IE7-
28-
setTimeout(func, 0);
21+
return function(func) {
22+
tail = tail.next = {
23+
func: func
2924
};
25+
window.postMessage(ID, "*");
26+
};
3027
}());

‎2-ui/1-document/15-metrics/cssWidthScroll.view/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
</div>
1414

1515
<script>
16-
// FF: 200, Ch/Sa: 184, Op: 200, IE9: 184, IE7,8:200
16+
// FF: 200, Ch/Sa: 184, Op: 200, IE9: 184, IE8:200
1717
</script>
1818

1919
У элемента стоит <code>style="width:300px"</code>

‎2-ui/1-document/19-dom-cheatsheet/article.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@
9696
<dd>По классу, IE9+, корректно работает с элементами, у которых несколько классов.</dd>
9797
</dl>
9898

99-
Если не нужно поддерживать IE7-, то можно использовать только `querySelector/querySelectorAll`. Методы `getElement*` работают быстрее (за счёт более оптимальной внутренней реализации), но в 99% случаев это различие очень небольшое и роли не играет.
99+
Вообще, обычно можно использовать только `querySelector/querySelectorAll`. Методы `getElement*` работают быстрее (за счёт более оптимальной внутренней реализации), но в 99% случаев это различие очень небольшое и роли не играет.
100100

101101
Дополнительно есть методы:
102102
<dl>

‎2-ui/1-document/5-searching-elements-dom/article.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -355,17 +355,17 @@ IE тоже поддерживает XPath, но эта поддержка не
355355
<td>`querySelector`</td>
356356
<td>CSS-селектор</td>
357357
<td>✔</td>
358-
<td>кроме IE7-</td>
358+
<td>везде</td>
359359
</tr>
360360
<tr>
361361
<td>`querySelectorAll`</td>
362362
<td>CSS-селектор</td>
363363
<td>✔</td>
364-
<td>кроме IE7-</td>
364+
<td>везде</td>
365365
</tr>
366366
</table>
367367

368-
Если браузеры IE7- не нужны, то в 95% ситуаций достаточно и одного `querySelector(All)`.
368+
Практика показывает, что в 95% ситуаций достаточно `querySelector/querySelectorAll`. Хотя более специализированные методы `getElement*` работают чуть быстрее, но разница в миллисекунду-другую редко играет роль.
369369

370370
Кроме того:
371371
<ul>

‎2-ui/1-document/8-dom-polyfill/article.md‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -159,8 +159,6 @@ alert( document.body.lowerTag ); // body
159159
В IE8 современные методы для работы со свойствами, такие как [Object.defineProperty](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty), [Object.getOwnPropertyDescriptor](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/getOwnPropertyDescriptor) и другие не поддерживаются для произвольных объектов, но отлично работают для DOM-элементов.
160160

161161
Чем полифиллы и пользуются, "добавляя" в IE8 многие из современных методов DOM.
162-
163-
В IE6,7 геттеры/сеттеры совсем не работают. Когда-то для них использовалась особая "IE-магия" при помощи `.htc`-файлов, которые [более не поддерживаются](http://msdn.microsoft.com/en-us/library/ie/hh801216.aspx). Если нужно поддерживать и эти версии, то рекомендуется воспользоваться фреймворками. К счастью, для большинства проектов эти браузеры уже стали историей.
164162
[/warn]
165163

166164

0 commit comments

Comments
 (0)