From 4368f0561bc7dd01675228ba77ce2e87cea2ad0d Mon Sep 17 00:00:00 2001 From: mmdoneperson Date: Tue, 1 Apr 2025 16:27:07 +0500 Subject: [PATCH 1/6] complete index.html --- index.html | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 57 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index 5e60e40..13a8c4f 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,65 @@ + - Практика верстки + Практика + - +
+ +
+ +
+
+ +
+

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

+

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

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

+

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

+

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

+

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

+

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

+ +

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

+ +

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

+
- \ No newline at end of file + + From d88fdc1d01c6a638173d5ba5ec2d8b5218c8dca8 Mon Sep 17 00:00:00 2001 From: cynpy Date: Tue, 1 Apr 2025 16:35:40 +0500 Subject: [PATCH 2/6] Do styless --- styles.css | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 80 insertions(+), 5 deletions(-) diff --git a/styles.css b/styles.css index 1cbd2e0..bc0910c 100644 --- a/styles.css +++ b/styles.css @@ -1,8 +1,83 @@ -/* Тут пиши основные стили */ +.page { + margin: 55px 364px 94px 360px; +} +.shapka .menu ul li { + font-family:LucidaGrande; + font-size:24px; + color:#333333; + text-align:left; + line-height:36px; + margin-top: 20px; + margin-bottom: 20px; +} +.shapka .menu a:hover { + text-decoration: underline; +} +.page h1 { + color:rgba(0,0,0,0.84); + text-align:left; + line-height:44px; + font-size: 42px; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + margin-top: 55px; + margin-bottom: 10px; +} + +.page h2 { + font-size: 34px; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:39px; + margin-top: 55px; + margin-bottom: 10px; +} + + + +.page p { + font-size: 21px; + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + color:rgba(0,0,0,0.84); + text-align:left; + line-height:33px; + margin-top: 10px; + margin-bottom: 43px; +} + +.shapka .menu ul { + list-style: none; + background-color: rgb(250, 249, 248); + border-top-style: solid; + border-top-color: rgb(151, 151, 151); + border-bottom-style: solid; + border-bottom-color: rgb(151, 151, 151); + margin-right: 0px; + margin-left: 0px; + display: flex; + justify-content: flex-start; + flex-direction: row; + gap: 30px; +} +.page code { + background-color: #eee; + border-radius: 3px; + padding: 0 3px; + font-family: "Courier New", monospace; +} + +#blog{ + color: red; +} @media (max-width: 800px) { -/* Тут пиши стили для мобилки. - Стили применятся только когда страничка будет ≤800px шириной - */ -} \ No newline at end of file + .page { + margin: 55px 36px 94px 36px; + } + + img { + scale: 0.75; + } + +} From fbd264150384c8b602861924b2be54ed7a5c1b88 Mon Sep 17 00:00:00 2001 From: mmdoneperson Date: Tue, 1 Apr 2025 16:39:27 +0500 Subject: [PATCH 3/6] fix bugs --- styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/styles.css b/styles.css index bc0910c..bed61c1 100644 --- a/styles.css +++ b/styles.css @@ -1,7 +1,7 @@ .page { margin: 55px 364px 94px 360px; } -.shapka .menu ul li { +.heads .menu ul li { font-family:LucidaGrande; font-size:24px; color:#333333; @@ -11,7 +11,7 @@ margin-bottom: 20px; } -.shapka .menu a:hover { +.heads .menu a:hover { text-decoration: underline; } @@ -47,7 +47,7 @@ margin-bottom: 43px; } -.shapka .menu ul { +.heads .menu ul { list-style: none; background-color: rgb(250, 249, 248); border-top-style: solid; From 9d156f4ac9ffd873c9e39a82508117f64a9bcb6c Mon Sep 17 00:00:00 2001 From: mmdoneperson Date: Tue, 1 Apr 2025 16:41:26 +0500 Subject: [PATCH 4/6] fix bugs_2 --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 13a8c4f..e9c404b 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@
- +
-

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

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

@@ -36,7 +35,7 @@

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

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

- - + \ No newline at end of file