From 8f221d05c4a17f438674295b60cd7abee5215f86 Mon Sep 17 00:00:00 2001 From: Ilya Kantor Date: Fri, 3 Apr 2015 00:23:05 +0300 Subject: [PATCH] renovations --- .../5-variables/variable-brown.svg | 1 - .../5-variables/variable-gray.svg | 1 - .../5-variables/variable-green.svg | 1 - .../1-browser-environment/article.md | 2 +- .../1-browser-environment/windowObjects.png | Bin 6289 -> 0 bytes .../1-browser-environment/windowObjects.svg | 76 ++++++++++++++++++ .../6-carousel/carousel1.png | Bin 2960 -> 0 bytes .../6-carousel/carousel1.svg | 32 ++++++++ .../6-carousel/carousel2.png | Bin 3330 -> 0 bytes .../6-carousel/carousel2.svg | 34 ++++++++ .../6-carousel/solution.md | 6 +- 6-optimize/1-memory-leaks/article.md | 2 +- 6-optimize/1-memory-leaks/leak-xhr-2.svg | 37 +++++++++ 6-optimize/1-memory-leaks/leak-xhr.svg | 43 ++++++++++ 6-optimize/1-memory-leaks/xhr.png | Bin 3501 -> 0 bytes 6-optimize/1-memory-leaks/xhr2.png | Bin 2690 -> 0 bytes changes.sketch | Bin 2342912 -> 2351104 bytes figures.sketch | Bin 8732672 -> 8929280 bytes 18 files changed, 227 insertions(+), 8 deletions(-) delete mode 100644 1-js/2-first-steps/5-variables/variable-brown.svg delete mode 100644 1-js/2-first-steps/5-variables/variable-gray.svg delete mode 100644 1-js/2-first-steps/5-variables/variable-green.svg delete mode 100755 2-ui/1-document/1-browser-environment/windowObjects.png create mode 100644 2-ui/1-document/1-browser-environment/windowObjects.svg delete mode 100755 2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png create mode 100644 2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg delete mode 100755 2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png create mode 100644 2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.svg create mode 100644 6-optimize/1-memory-leaks/leak-xhr-2.svg create mode 100644 6-optimize/1-memory-leaks/leak-xhr.svg delete mode 100644 6-optimize/1-memory-leaks/xhr.png delete mode 100644 6-optimize/1-memory-leaks/xhr2.png diff --git a/1-js/2-first-steps/5-variables/variable-brown.svg b/1-js/2-first-steps/5-variables/variable-brown.svg deleted file mode 100644 index a004ec2c..00000000 --- a/1-js/2-first-steps/5-variables/variable-brown.svg +++ /dev/null @@ -1 +0,0 @@ -noun_1211_cc + MessageCreated with Sketch.&quot;Hello!&quot;Message \ No newline at end of file diff --git a/1-js/2-first-steps/5-variables/variable-gray.svg b/1-js/2-first-steps/5-variables/variable-gray.svg deleted file mode 100644 index 06dff649..00000000 --- a/1-js/2-first-steps/5-variables/variable-gray.svg +++ /dev/null @@ -1 +0,0 @@ -noun_1211_cc + MessageCreated with Sketch.&quot;Hello!&quot;Message \ No newline at end of file diff --git a/1-js/2-first-steps/5-variables/variable-green.svg b/1-js/2-first-steps/5-variables/variable-green.svg deleted file mode 100644 index d83e28f9..00000000 --- a/1-js/2-first-steps/5-variables/variable-green.svg +++ /dev/null @@ -1 +0,0 @@ -noun_1211_cc + MessageCreated with Sketch.&quot;Hello!&quot;Message \ No newline at end of file diff --git a/2-ui/1-document/1-browser-environment/article.md b/2-ui/1-document/1-browser-environment/article.md index c713e303..9a231b06 100644 --- a/2-ui/1-document/1-browser-environment/article.md +++ b/2-ui/1-document/1-browser-environment/article.md @@ -9,7 +9,7 @@ На рисунке ниже схематически отображена структура, которая получается если посмотреть на совокупность браузерных объектов с "высоты птичьего полёта". - + Как видно из рисунка, на вершине стоит `window`. diff --git a/2-ui/1-document/1-browser-environment/windowObjects.png b/2-ui/1-document/1-browser-environment/windowObjects.png deleted file mode 100755 index 6ab9579ff4ed55bb0e630d13f0a5a8a9d25cb5f8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6289 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 diff --git a/2-ui/1-document/1-browser-environment/windowObjects.svg b/2-ui/1-document/1-browser-environment/windowObjects.svg new file mode 100644 index 00000000..7e6a88b8 --- /dev/null +++ b/2-ui/1-document/1-browser-environment/windowObjects.svg @@ -0,0 +1,76 @@ + + + + windowObjects.svg + Created with Sketch. + + + + + + window + + + + + + document + + + + Object + + + + navigator + + + + screen + + + + location + + + + frames + + + + history + + + Array + + + + Function + + + XMLHttpRequest + + + BOM + + + JavaScript + + + DOM + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.png deleted file mode 100755 index 3c5d67149809afc10f28e1a05b64e9041365e4c7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2960 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 diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg new file mode 100644 index 00000000..0d78f79c --- /dev/null +++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel1.svg @@ -0,0 +1,32 @@ + + + + carousel1.svg + Created with Sketch. + + + + + + + + + + + + + + + + div (контейнер) + + + 130x130 + + + ul (width: 9999px) + + + + + \ No newline at end of file diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/carousel2.png deleted file mode 100755 index f5f1bb0d657b30a52d5d7511bae50cbcd34c6177..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3330 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 + + + carousel2.svg + Created with Sketch. + + + + + + + + + + + + + + + + + + div (контейнер) + + + 130x130 + + + ul (margin-left: -350px) + + + + + \ No newline at end of file diff --git a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md index 2a26795b..eda31393 100644 --- a/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md +++ b/2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.md @@ -2,7 +2,7 @@ Нужно расположить его внутри `
` фиксированного размера, так чтобы в один момент была видна только нужная часть списка: - + Чтобы список был длинный и элементы не переходили вниз, ему ставится `width: 9999px`, а элементам `
  • `, соответственно, `float:left`, либо для элементов используется `display: inline-block`, как в этом решении. @@ -10,9 +10,9 @@ В частности, для `` нужно поставить в стилях явно `display:block`, чтобы пространства под ними не оставалось. -Для "прокрутки" будем сдвигать `