From 5f519fc12c19808982a18f9d7ba30b05c4711c9f Mon Sep 17 00:00:00 2001 From: MrBONAN Date: Tue, 1 Apr 2025 18:19:06 +0500 Subject: [PATCH 1/7] =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20(=D1=85?= =?UTF-8?q?=D0=B7,=20=D0=BF=D1=80=D0=B0=D0=B2=D0=B8=D0=BB=D1=8C=D0=BD?= =?UTF-8?q?=D1=8B=D0=B5=20=D0=BB=D0=B8)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/styles.css b/styles.css index 1cbd2e0..866411f 100644 --- a/styles.css +++ b/styles.css @@ -1,8 +1,18 @@ /* Тут пиши основные стили */ +h1, h2, h3, h4, h5, h6 { + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; +} +p { + font-family: Georgia, Cambria, "Times New Roman", Times, serif +} + +.code { + font-family: "Courier New", monospace; +} @media (max-width: 800px) { -/* Тут пиши стили для мобилки. - Стили применятся только когда страничка будет ≤800px шириной - */ -} \ No newline at end of file + /* Тут пиши стили для мобилки. + Стили применятся только когда страничка будет ≤800px шириной + */ +} From 1faaaab589cb29280ecf93027620155ae1377c5c Mon Sep 17 00:00:00 2001 From: kusSsa Date: Tue, 1 Apr 2025 18:19:33 +0500 Subject: [PATCH 2/7] =?UTF-8?q?2=20=D0=BF=D1=83=D0=BD=D0=BA=D1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 5e60e40..2c99ace 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,31 @@ - +

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

+

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

+

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

+

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

+

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

+

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

+

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

+ +

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

+

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

+ +

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

\ No newline at end of file From 9247aebc93fe44419aefa9a23625b58ac289aa5f Mon Sep 17 00:00:00 2001 From: kusSsa Date: Tue, 1 Apr 2025 18:46:15 +0500 Subject: [PATCH 3/7] =?UTF-8?q?2=20=D0=BF=D1=83=D0=BD=D0=BA=D1=82=20=D0=BF?= =?UTF-8?q?=D1=80=D0=BE=D0=B4=D0=BE=D0=BB=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 2 +- styles.css | 33 +++++++++++++++++++++++++++------ 2 files changed, 28 insertions(+), 7 deletions(-) diff --git a/index.html b/index.html index 2c99ace..8892798 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ -

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

+

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

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

diff --git a/styles.css b/styles.css index 866411f..b585091 100644 --- a/styles.css +++ b/styles.css @@ -1,10 +1,34 @@ -/* Тут пиши основные стили */ -h1, h2, h3, h4, h5, h6 { +body { + max-width: 700px; + margin: 0 auto; +} + +h1 { + margin-top: 55px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + font-size:34px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:39px; +} + +.Main { + font-size:42px; + line-height:44px; } p { - font-family: Georgia, Cambria, "Times New Roman", Times, serif + margin-top: 10px; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + font-size:21px; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; +} + +.img { + margin-top: 43px; + margin-bottom: 37px; } .code { @@ -12,7 +36,4 @@ p { } @media (max-width: 800px) { - /* Тут пиши стили для мобилки. - Стили применятся только когда страничка будет ≤800px шириной - */ } From 0ad3ff381a61de2b6f9559106f86372c44233c0d Mon Sep 17 00:00:00 2001 From: MrBONAN Date: Tue, 1 Apr 2025 19:01:55 +0500 Subject: [PATCH 4/7] =?UTF-8?q?=D0=BA=D0=B0=D0=BA=D0=B8=D0=B5-=D1=82=D0=BE?= =?UTF-8?q?=20=D1=88=D1=82=D1=83=D1=87=D0=BA=D0=B8=20=D0=B8=D0=B7=203?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 10 ++++++++++ styles.css | 44 ++++++++++++++++++++++++++++++-------------- 2 files changed, 40 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 8892798..9ab1a3a 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,16 @@ + +

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

Замыкания — это одна из фундаментальных концепций JavaScript, вызывающая сложности у многих новичков, знать и понимать которую должен каждый JS-программист. Хорошо разобравшись с замыканиями, вы сможете писать более качественный, эффективный и чистый код. А это, в свою очередь, будет способствовать вашему профессиональному росту. diff --git a/styles.css b/styles.css index b585091..d37c8d4 100644 --- a/styles.css +++ b/styles.css @@ -1,29 +1,29 @@ -body { - max-width: 700px; - margin: 0 auto; -} +/*body {*/ +/* max-width: 700px;*/ +/* margin: 0 auto;*/ +/*}*/ h1 { margin-top: 55px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; - font-size:34px; - color:rgba(0,0,0,0.84); - text-align:left; - line-height:39px; + font-size: 34px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 39px; } .Main { - font-size:42px; - line-height:44px; + font-size: 42px; + line-height: 44px; } p { margin-top: 10px; font-family: Georgia, Cambria, "Times New Roman", Times, serif; - font-size:21px; - color:rgba(0,0,0,0.84); - text-align:left; - line-height:33px; + font-size: 21px; + color: rgba(0, 0, 0, 0.84); + text-align: left; + line-height: 33px; } .img { @@ -33,6 +33,22 @@ p { .code { font-family: "Courier New", monospace; + background-color: gray; +} + +nav { + 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: 0; +} + +ul { + list-style: none; + display: flex; + gap: 30px; } @media (max-width: 800px) { From 03b3d83c97be089c0577c6a370d25ee74f957afe Mon Sep 17 00:00:00 2001 From: kusSsa Date: Tue, 1 Apr 2025 19:17:05 +0500 Subject: [PATCH 5/7] =?UTF-8?q?3=20=D0=BF=D1=83=D0=BD=D0=BA=D1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 55 ++++++++++++++++++++++++++++-------------------------- styles.css | 25 +++++++++++++++++++------ 2 files changed, 48 insertions(+), 32 deletions(-) diff --git a/index.html b/index.html index 9ab1a3a..2ea89ec 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ +

+
+

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

+

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

+

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

+

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

+

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

+

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

+

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

+ +

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

+

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

+ +

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

+
-

Замыкания в 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 d37c8d4..f71a37e 100644 --- a/styles.css +++ b/styles.css @@ -1,7 +1,7 @@ -/*body {*/ -/* max-width: 700px;*/ -/* margin: 0 auto;*/ -/*}*/ +.bode { + margin: 0 0; + padding: 0; +} h1 { margin-top: 55px; @@ -12,6 +12,11 @@ h1 { line-height: 39px; } +.main { + max-width: 700px; + margin: 0 auto; +} + .Main { font-size: 42px; line-height: 44px; @@ -37,12 +42,20 @@ p { } nav { + display: flex; + justify-content: flex-start; + text-align: left; 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: 0; + background-color: darkgrey; + border: black solid 2px; +} + +.icon { + width: 97px; + margin: 10px auto 10px 38px; } ul { From 5298b491c0038a1f10e91b678cfa5616ecef7b4d Mon Sep 17 00:00:00 2001 From: kusSsa Date: Tue, 1 Apr 2025 19:22:34 +0500 Subject: [PATCH 6/7] =?UTF-8?q?3=20=D0=BF=D1=83=D0=BD=D0=BA=D1=82=20=D0=B4?= =?UTF-8?q?=D0=BE=D0=B4=D0=B5=D0=BB=D0=B0=D0=BB=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index f71a37e..0aeaa80 100644 --- a/styles.css +++ b/styles.css @@ -49,8 +49,8 @@ nav { font-size: 24px; color: #333333; line-height: 36px; - background-color: darkgrey; - border: black solid 2px; + background-color: #faf9f8; + border: #c5c5c4 solid 2px; } .icon { @@ -64,5 +64,12 @@ ul { gap: 30px; } +li:hover { + cursor: url('responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/5301AFFB-CEE8-43FC-8F06-FB9785DF6E4A@1x.png'), auto; + text-decoration: underline; +} + + + @media (max-width: 800px) { } From 16592fa571f630c757ccdb45cab84aa8a8508c3f Mon Sep 17 00:00:00 2001 From: kusSsa Date: Tue, 1 Apr 2025 19:32:15 +0500 Subject: [PATCH 7/7] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B8?= =?UTF-8?q?=20=D0=BF=D0=BE=D1=81=D0=B5=D1=89=D0=B5=D0=BD=D0=BD=D1=8B=D0=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 4 ++-- styles.css | 9 +++++++-- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index 2ea89ec..a035ef8 100644 --- a/index.html +++ b/index.html @@ -12,8 +12,8 @@
  • Обо мне
  • Проекты
  • Портфолио
    • -
  • Блог
    • -
  • Контакты
    • +
  • Блог
    • +
  • Контакты
    • diff --git a/styles.css b/styles.css index 0aeaa80..38f66b2 100644 --- a/styles.css +++ b/styles.css @@ -1,4 +1,4 @@ -.bode { +body { margin: 0 0; padding: 0; } @@ -65,8 +65,13 @@ ul { } li:hover { - cursor: url('responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/5301AFFB-CEE8-43FC-8F06-FB9785DF6E4A@1x.png'), auto; + /*cursor: url('responsive-design/E8E9A56B-53B7-494E-BE52-747EE607EC62/5301AFFB-CEE8-43FC-8F06-FB9785DF6E4A@1x.png'), auto;*/ text-decoration: underline; + cursor: pointer; +} + +li a:visited { + color: red; }