From 8ac92f04cd0401258d09810cabaf3f020a9fd0eb Mon Sep 17 00:00:00 2001 From: flexihtala Date: Tue, 1 Apr 2025 15:50:11 +0500 Subject: [PATCH 1/4] 1, 2 --- index.html | 48 +++++++++++++++++++++++++++++++++++++++++++++++- styles.css | 30 +++++++++++++++++++++++++++++- 2 files changed, 76 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 5e60e40..96590ec 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,52 @@ - +
+

Замыкания в JavaScript для начинающих

+

+ Замыкания — это одна из фундаментальных концепций JavaScript, + вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. + Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. + А это, в свою очередь, будет способствовать вашему профессиональному росту. +

+

+ Материал, перевод которого мы публикуем сегодня, посвящён рассказу о внутренних механизмах замыканий и о том, + как они работают в JavaScript-программах. +

+
+
+

Что такое замыкание?

+

+ Замыкание — это функция, у которой есть доступ к области видимости, сформированной внешней по отношению к ней функции даже после того, + как эта внешняя функция завершила работу. Это значит, что в замыкании могут храниться переменные, + объявленные во внешней функции и переданные ей аргументы. + Прежде чем мы перейдём, собственно, к замыканиям, разберёмся с понятием «лексическое окружение». +

+
+
+

Что такое лексическое окружение?

+

+ Понятие «лексическое окружение» или «статическое окружение» в JavaScript относится к возможности доступа к переменным, + функциям и объектам на основе их физического расположения в исходном коде.
+ Рассмотрим пример: +

+ Пример кода +

+ Здесь у функции inner() есть доступ к переменным, объявленным в её собственной области видимости, в области видимости функции outer() и в глобальной области видимости. + Функция outer() имеет доступ к переменным, объявленным в её собственной области видимости и в глобальной области видимости. +

+

+ Цепочка областей видимости вышеприведённого кода будет выглядеть так: +

+ Пример кода +

+ Обратите внимание на то, что функция inner() окружена лексическим окружением функции outer(), которая, в свою очередь, окружена глобальной областью видимости. + Именно поэтому функция inner() может получить доступ к переменным, объявленным в функции outer() и в глобальной области видимости. +

+
\ No newline at end of file diff --git a/styles.css b/styles.css index 1cbd2e0..3ac01b1 100644 --- a/styles.css +++ b/styles.css @@ -1,4 +1,32 @@ -/* Тут пиши основные стили */ +h1 { + font-family: Arial, serif; + font-size: 42px; + line-height:44px; +} + +h2 { + font-family: Arial, monospace; + font-size: 34px; + line-height: 39px; +} + +code { + background-color: #f0f0f0; + padding: 3px; + border-radius: 5px; + font-family: Arial, monospace; + color: black; +} + +.paragraph { + margin: 0 0 0 362px; + text-align: left; + font-family: Georgia, monospace; + line-height:33px; + font-size: 21px; + width: 700px; +} + @media (max-width: 800px) { From 563c324ad1e9fdc758f807e1f30618f99683140b Mon Sep 17 00:00:00 2001 From: Ovchinnikov Danila Date: Tue, 1 Apr 2025 16:00:23 +0200 Subject: [PATCH 2/4] 3 --- index.html | 12 ++++++++++++ styles.css | 51 +++++++++++++++++++++++++++------------------------ 2 files changed, 39 insertions(+), 24 deletions(-) diff --git a/index.html b/index.html index 96590ec..5894cd6 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,18 @@ +

Замыкания в JavaScript для начинающих

diff --git a/styles.css b/styles.css index 3ac01b1..5f34487 100644 --- a/styles.css +++ b/styles.css @@ -1,30 +1,33 @@ -h1 { - font-family: Arial, serif; - font-size: 42px; - line-height:44px; +nav img{ + width: 97px; + margin: 10px auto 10px 38px; } - -h2 { - font-family: Arial, monospace; - font-size: 34px; - line-height: 39px; +header{ + padding: 0; + margin: 0; + background-color: #faf9f8; + border-bottom: 1px #000000 solid; + border-top: 1px #000000 solid; } - -code { - background-color: #f0f0f0; - padding: 3px; - border-radius: 5px; - font-family: Arial, monospace; - color: black; +header ul{ + list-style: none; } - -.paragraph { - margin: 0 0 0 362px; - text-align: left; - font-family: Georgia, monospace; - line-height:33px; - font-size: 21px; - width: 700px; +header li{ + cursor: url("responsive-design/2744EFD6-B878-4DCB-B0D5-526F1B233733/9E1721B2-E123-44D1-BBA7-88E713A6A184@1x.png"), + auto; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size:24px; + color:#333333; + text-align:left; + line-height:36px; + margin-left: 30px; + display: inline; +} +header li:hover{ + text-decoration:underline; +} +.red { + color: red; } From 90063a93467ea7e46a73b76b9ece5210ce02f4ff Mon Sep 17 00:00:00 2001 From: Ovchinnikov Danila Date: Tue, 1 Apr 2025 16:02:36 +0200 Subject: [PATCH 3/4] 3 new --- styles.css | 31 +++++++++++++++++++++++++++++-- 1 file changed, 29 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index 5f34487..45e65c3 100644 --- a/styles.css +++ b/styles.css @@ -1,3 +1,32 @@ +h1 { + font-family: Arial, serif; + font-size: 42px; + line-height:44px; +} + +h2 { + font-family: Arial, monospace; + font-size: 34px; + line-height: 39px; +} + +code { + background-color: #f0f0f0; + padding: 3px; + border-radius: 5px; + font-family: Arial, monospace; + color: black; +} + +.paragraph { + margin: 0 0 0 362px; + text-align: left; + font-family: Georgia, monospace; + line-height:33px; + font-size: 21px; + width: 700px; +} + nav img{ width: 97px; margin: 10px auto 10px 38px; @@ -30,8 +59,6 @@ header li:hover{ color: red; } - - @media (max-width: 800px) { /* Тут пиши стили для мобилки. Стили применятся только когда страничка будет ≤800px шириной From 19a26311bceb2a0c661ed12e278f787fabc273f3 Mon Sep 17 00:00:00 2001 From: mzukov Date: Tue, 1 Apr 2025 16:22:56 +0500 Subject: [PATCH 4/4] Final --- index.html | 7 ++--- styles.css | 91 +++++++++++++++++++++++++++++++++++++++++++----------- 2 files changed, 76 insertions(+), 22 deletions(-) diff --git a/index.html b/index.html index 5894cd6..4253ea0 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ Практика верстки +