{"id":1859,"date":"2021-05-24T16:46:40","date_gmt":"2021-05-24T16:46:40","guid":{"rendered":"https:\/\/lvboard.infostore.in.ua\/?p=1859"},"modified":"2021-05-24T16:46:40","modified_gmt":"2021-05-24T16:46:40","slug":"%d0%b7%d0%b0%d0%b4%d0%b0%d1%87%d0%b8-%d1%81-%d1%81%d0%be%d0%b1%d0%b5%d1%81%d0%b5%d0%b4%d0%be%d0%b2%d0%b0%d0%bd%d0%b8%d0%b9-front-end","status":"publish","type":"post","link":"https:\/\/lvboard.infostore.in.ua\/?p=1859","title":{"rendered":"\u0417\u0430\u0434\u0430\u0447\u0438 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 (front-end)"},"content":{"rendered":"\n<p>\u0422\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u0437\u0430 \u0441\u0432\u043e\u044e \u043a\u0430\u0440\u044c\u0435\u0440\u0443 front-end \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430, \u044f \u043f\u043e\u0431\u044b\u0432\u0430\u043b\u0430 \u043d\u0430 \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u0445. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p>\u0422\u0435\u043c\u0430 \u043f\u0440\u043e\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u043d\u0435 \u0442\u0435\u0440\u044f\u0435\u0442 \u0441\u0432\u043e\u0435\u0439 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438, \u0430 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445, \u043a\u043e\u0433\u0434\u0430 \u0440\u0435\u0447\u044c \u0437\u0430\u0445\u043e\u0434\u0438\u0442 \u043e \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u0445, \u043d\u0430\u0447\u0438\u043d\u0430\u044e\u0442 \u043b\u043e\u043c\u0430\u0442\u044c\u0441\u044f \u043a\u043e\u043f\u044c\u044f. \u0425\u043e\u0447\u0443 \u0442\u043e\u0436\u0435 \u0432\u043d\u0435\u0441\u0442\u0438 \u0441\u0432\u043e\u0439 \u0432\u043a\u043b\u0430\u0434 \u0438 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043d\u0430\u043a\u043e\u043f\u0438\u0432\u0448\u0435\u0439\u0441\u044f \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0435\u0439 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432. \u041f\u0440\u043e\u0448\u0443.<\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"attachment_15827\"><img src=\"https:\/\/bookflow.ru\/wp-content\/uploads\/2020\/01\/ce9386ca193aeb8d3fe1925ba163af28-min.jpg\" alt=\"\u0417\u0430\u0434\u0430\u0447\u0438 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 (front-end)\" class=\"wp-image-15827\"\/><figcaption>\u0417\u0430\u0434\u0430\u0447\u0438 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 (front-end)<\/figcaption><\/figure>\n\n\n\n<h3>\u041b\u0438\u0440\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u043e\u0442\u0441\u0442\u0443\u043f\u043b\u0435\u043d\u0438\u0435<\/h3>\n\n\n\n<p>\u041d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u043c\u0435\u043d\u044f \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0430\u044e\u0442 \u043e\u0445\u043e\u0442\u043d\u043e, \u043d\u0435 \u0437\u043d\u0430\u044e, \u0432\u0438\u043d\u043e\u0439 \u044d\u0442\u043e\u043c\u0443 \u0441\u0438\u043c\u043f\u0430\u0442\u0438\u0447\u043d\u0430\u044f \u0444\u043e\u0442\u043e\u0447\u043a\u0430 \u0432 \u0440\u0435\u0437\u044e\u043c\u0435 \u0438\u043b\u0438 \u0435\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435. \u0415\u0441\u043b\u0438 \u043e \u0440\u0435\u0437\u044e\u043c\u0435, \u0442\u043e \u0434\u043b\u044f \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0445 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u0439 \u0442\u0435\u043a\u0443\u0449\u0435\u0439 \u0440\u0430\u0431\u043e\u0442\u0435, \u044f \u0442\u0440\u0430\u0447\u0443 \u0447\u0430\u0441\u0430 \u0434\u0432\u0430, \u0442\u0440\u0438. \u041f\u043e\u0440\u043e\u0439 \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e \u0432 \u0447\u0443\u0436\u0438\u0435, \u043a\u0430\u043a \u043e\u043d\u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u044b, \u0434\u0430 \u0438 \u0432\u0434\u0440\u0443\u0433 \u043d\u0430\u0439\u0434\u0443 \u0447\u0442\u043e-\u0442\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u0434\u043b\u044f \u0441\u0435\u0431\u044f\u2026<\/p>\n\n\n\n<h3>\u0417\u0430\u0434\u0430\u0447\u0438<\/h3>\n\n\n\n<p>\u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u043b\u0435\u0433\u0447\u0435.<\/p>\n\n\n\n<p>1. \u0415\u0441\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430 (var str = \u2018fgfggg\u2019;), \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442, \u0435\u0441\u043b\u0438 \u043c\u044b \u0432\u043e\u0437\u044c\u043c\u0435\u043c str[0]?<\/p>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<p>str[0] \u0432\u0435\u0440\u043d\u0435\u0442 \u0441\u0438\u043c\u0432\u043e\u043b \u0441\u0442\u0440\u043e\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u043e \u043d\u0443\u043b\u0435\u0432\u043e\u043c\u0443 \u0438\u043d\u0434\u0435\u043a\u0441\u0443. \u0421\u0442\u0440\u043e\u043a\u0430 \u0432 js \u2014 immutable, \u0442\u043e \u0435\u0441\u0442\u044c \u0438\u0437 \u043d\u0435\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0438\u043c\u0432\u043e\u043b, \u0430 \u0432\u043e\u0442 \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0435\u0442.<\/p>\n\n\n\n<p>2. \u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u043e\u043a\u0438 (2).plus(3).minus(1) \u0434\u0430\u043b\u0438 \u0431\u044b \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 4.<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<ul><li><a href=\"https:\/\/direct.yandex.ru\/?partner\" target=\"_blank\" rel=\"noreferrer noopener\">\u042f\u043d\u0434\u0435\u043a\u0441.\u0414\u0438\u0440\u0435\u043a\u0442<\/a><\/li><li><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/avatars.mds.yandex.net\/get-direct\/4474510\/gMfd5_EIf4nRJAyhdbNbDw\/y300\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u041a\u0443\u0440\u0441 \u00ab\u0412\u0435\u0440\u0441\u0442\u043a\u0430 \u0441\u0430\u0439\u0442\u043e\u0432 \u043d\u0430&nbsp;HTML \u0438&nbsp;CSS\u00bb<\/p>\n\n\n\n<ul><li><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/avatars.mds.yandex.net\/get-direct\/2810180\/5DkXeSxd-GgBfYBp1Kll_A\/y300\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u0417\u0430\u043f\u0443\u0441\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442-\u043c\u0430\u0433\u0430\u0437\u0438\u043d \u0432&nbsp;\u0421\u0428\u0410!<\/p>\n\n\n\n<ul><li><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/avatars.mds.yandex.net\/get-direct\/2771799\/YeuB0juUI9nu3XJeAq6plw\/y300\" alt=\"\"\/><\/figure>\n\n\n\n<p>\u041d\u0435&nbsp;\u043e\u043a\u0443\u043f\u0430\u0435\u0442\u0441\u044f \u0442\u0440\u0430\u0444\u0438\u043a?\u041f\u043e\u0441\u043a\u043e\u043b\u044c\u043a\u0443, \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0447\u0438\u0441\u043b\u0430\u043c\u0438, \u043d\u0430\u0434\u043e \u0440\u0430\u0441\u0448\u0438\u0440\u0438\u0442\u044c \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f Number \u043d\u043e\u0432\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567<\/td><td>Number.prototype.plus = function (value) {&nbsp;&nbsp;return this + value;}&nbsp;Number.prototype.minus = function (value) {&nbsp;&nbsp;return this &#8211; value;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0427\u0438\u0441\u043b\u043e \u0434\u0432\u0430 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e \u0447\u0435\u0440\u0435\u0437 this \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 plus. \u0418\u0437 \u043d\u0435\u0435 \u043c\u044b \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0441\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0447\u0438\u0441\u043b\u0430, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 this \u0438 \u0447\u0438\u0441\u043b\u0430, \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0430. \u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u0434\u043b\u044f minus.<\/p>\n\n\n\n<p>3. \u0421\u0435\u0439\u0447\u0430\u0441 \u0443\u0436\u0435 \u0440\u0435\u0434\u043a\u043e, \u043d\u043e \u0434\u043e \u0441\u0438\u0445 \u0435\u0449\u0435 \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u044e\u0442: \u00ab\u041f\u043e\u0447\u0435\u043c\u0443 \u043f\u043b\u043e\u0445\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0432 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u044b \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0442\u0438\u043f\u043e\u0432?\u00bb<\/p>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123<\/td><td>Array.prototype.sort = function () {}var t = [2, 1, 22];t.sort()<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041e\u0436\u0438\u0434\u0430\u0435\u043c\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u2014 [1, 2, 22], \u0430 \u0432\u0435\u0440\u043d\u0435\u0442\u0441\u044f undefined.<br>\u041c\u044b \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u043c, \u0447\u0442\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u043d\u043e \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043c\u043e\u0436\u0435\u043c \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043c\u0435\u0442\u043e\u0434, \u0438 \u043e\u043d \u0432\u0435\u0440\u043d\u0435\u0442 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<br>\u0418\u043c\u0435\u043d\u043d\u043e \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 prototype.js \u0443\u0441\u0442\u0443\u043f\u0438\u043b\u0430 jQuery.<\/p>\n\n\n\n<p>4. \u0414\u0430\u043d\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043e\u043d\u0430 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0441\u0442\u0440\u043e\u043a\u0438 \u2018*\u2019, \u20181\u2019, \u2018b\u2019, \u20181c\u2019, \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0439\u0442\u0435 \u0435\u0435 \u0442\u0430\u043a, \u0447\u0442\u043e \u0431\u044b \u043e\u043d\u0430 \u0432\u0435\u0440\u043d\u0443\u043b\u0430 \u0441\u0442\u0440\u043e\u043a\u0443 \u20181*b*1c\u2019<\/p>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0415\u0435 \u043c\u043e\u0436\u043d\u043e \u0440\u0435\u0448\u0430\u0442\u044c \u043f\u0440\u044f\u043c\u043e \u0432 \u043b\u043e\u0431, \u043f\u0435\u0440\u0435\u0431\u0438\u0440\u0430\u044f \u0432 \u0446\u0438\u043a\u043b\u0435 \u0432\u0441\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b, \u043d\u043e \u043c\u044b \u043f\u043e\u0441\u0442\u0443\u043f\u0438\u043c \u0443\u043c\u043d\u0435\u0435.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123<\/td><td>function getStr() {&nbsp;&nbsp;return [].slice.call(arguments, 1).join(arguments[0])}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>5. \u0414\u0430\u043d\u043e \u0434\u0435\u0440\u0435\u0432\u043e, \u043d\u0430\u0434\u043e \u043d\u0430\u0439\u0442\u0438 \u0441\u0443\u043c\u043c\u0443 \u0432\u0441\u0435\u0445 \u0432\u0435\u0440\u0448\u0438\u043d.<ins>https:\/\/googleads.g.doubleclick.net\/pagead\/ads?client=ca-pub-5265008544060842&amp;output=html&amp;h=174&amp;slotname=6021157728&amp;adk=3433315321&amp;adf=1003853764&amp;pi=t.ma~as.6021157728&amp;w=696&amp;fwrn=4&amp;lmt=1579122260&amp;rafmt=11&amp;tp=site_kit&amp;psa=1&amp;format=696&#215;174&amp;url=https%3A%2F%2Fbookflow.ru%2Fzadachi-s-sobesedovanij-front-end%2F&amp;flash=0&amp;wgl=1&amp;adsid=ChEI8J2thQYQzuX0pJySqsr6ARJMACsQijhlccQW8Xb_JrKOtSWAEfxP5aiipY3IlFMs6dJ80Ju3MppacMAcAoXjyQjEP4HHf6wcK42dn0AfKMP1enclJF3C1Q5jEPu66A&amp;uach=WyJXaW5kb3dzIiwiMTAuMCIsIng4NiIsIiIsIjkwLjAuNDQzMC4yMTIiLFtdXQ..&amp;dt=1621874715002&amp;bpp=47&amp;bdt=785&amp;idt=1162&amp;shv=r20210517&amp;cbv=%2Fr20190131&amp;ptt=9&amp;saldr=aa&amp;abxe=1&amp;cookie=ID%3D6743a4d5726e8698-22b0e3801dc80040%3AT%3D1621872912%3ART%3D1621872912%3AS%3DALNI_MYsDLDw-OY4dK_E-l9g4cMH2sxZEw&amp;prev_fmts=0x0%2C728x90%2C324x250%2C1349x625&amp;nras=3&amp;correlator=4947704027232&amp;frm=20&amp;pv=1&amp;ga_vid=718439799.1621874716&amp;ga_sid=1621874716&amp;ga_hid=615518131&amp;ga_fc=0&amp;rplot=4&amp;u_tz=180&amp;u_his=1&amp;u_java=0&amp;u_h=768&amp;u_w=1366&amp;u_ah=728&amp;u_aw=1366&amp;u_cd=24&amp;u_nplug=3&amp;u_nmime=4&amp;adx=141&amp;ady=2893&amp;biw=1349&amp;bih=625&amp;scr_x=0&amp;scr_y=500&amp;eid=42530672%2C31060614&amp;oid=3&amp;psts=AGkb-H_d9QpZpuCVVjcgNARwnbGtSSgz0SEF1zDUe_cKdjtDDUWgKPhRNk-dRUfoZnQRND5w1iXlNql0HA5s&amp;pvsid=976531787617029&amp;pem=314&amp;eae=0&amp;fc=1920&amp;brdim=0%2C0%2C0%2C0%2C1366%2C0%2C1366%2C728%2C1366%2C625&amp;vis=1&amp;rsz=%7C%7CoeEbr%7C&amp;abl=CS&amp;pfx=0&amp;fu=128&amp;bc=31&amp;jar=2021-05-24-11&amp;ifi=3&amp;uci=a!3&amp;btvi=2&amp;fsb=1&amp;xpc=a07uaMQpSH&amp;p=https%3A\/\/bookflow.ru&amp;dtd=26339<\/ins><\/p>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u042f \u0440\u0435\u0448\u0438\u043b\u0430 \u0437\u0430\u0434\u0430\u0447\u0443 \u0440\u0435\u043a\u0443\u0440\u0441\u0438\u0435\u0439, \u043f\u043e\u0442\u043e\u043c \u043c\u044b \u0443\u043f\u0440\u043e\u0441\u0442\u0438\u043b\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u0435, \u0430 \u0437\u0430\u0442\u0435\u043c \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u043b\u0438 \u043d\u0430 \u043e\u0447\u0435\u0440\u0435\u0434\u044c.<\/p>\n\n\n\n<p>\u0420\u0435\u043a\u0443\u0440\u0441\u0438\u044f.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<\/td><td>var sum = 0;&nbsp;function getSum(obj) {&nbsp;&nbsp;sum += obj.valueNode;&nbsp;&nbsp;if (obj.next != null) {&nbsp;&nbsp;&nbsp;&nbsp;for (var i = 0; i &amp;lt; obj.next.length; i++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;getSum(obj.next[i]);&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;return sum;}&nbsp;var tree1 = {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 3,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;var tree = {&nbsp;&nbsp;valueNode: 3,&nbsp;&nbsp;next: [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 3,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 5,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}]};console.log(getSum(tree1));sum = 0;console.log(getSum(tree));<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041e\u0447\u0435\u0440\u0435\u0434\u044c.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415161718192021222324252627282930313233343536373839404142434445464748<\/td><td>function getSum(obj) {&nbsp;&nbsp;var arr = [obj],&nbsp;&nbsp;&nbsp;&nbsp;sum = 0,&nbsp;&nbsp;&nbsp;&nbsp;current;&nbsp;&nbsp;&nbsp;while(arr.length &amp;gt; 0) {&nbsp;&nbsp;&nbsp;&nbsp;current = arr.shift();&nbsp;&nbsp;&nbsp;&nbsp;sum += current.valueNode;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (current.next != null) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for (var i = 0; i &amp;lt; current.next.length; i++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;arr.push(current.next[i]);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;return sum;}&nbsp;var tree = {&nbsp;&nbsp;valueNode: 3,&nbsp;&nbsp;next: [{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 3,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 2,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: [&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;valueNode: 5,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;next: null&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}]};getSum(tree)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>6. \u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u0438\u0437 js \u043c\u0435\u043d\u044f\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0432 before, after?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041d\u0435\u0442, \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0447\u0442\u043e \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u2014 \u044d\u0442\u043e \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u043a\u043b\u0430\u0441\u0441, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0443\u043a\u0430\u0437\u0430\u043d\u044b before \u0438\u043b\u0438 after, \u043b\u0438\u0431\u043e \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c.<\/p>\n\n\n\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435, \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u0433\u0440\u0443\u0437\u043a\u0438 \u043c\u043e\u0437\u0433\u0430, \u0432\u043e\u043f\u0440\u043e\u0441 \u043d\u0430 \u0432\u0435\u0440\u0441\u0442\u043a\u0443.<\/p>\n\n\n\n<p>7. \u0412\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0442\u0440\u0438 \u0431\u043b\u043e\u043a\u0430 20X20px \u0432 \u0440\u044f\u0434, \u0432 \u0431\u043b\u043e\u043a \u0448\u0438\u0440\u0438\u043d\u043e\u0439 60px, \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0443 \u0431\u043b\u043e\u043a\u043e\u0432 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0433\u0440\u0430\u043d\u0438\u0446\u044b.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/bookflow.ru\/wp-content\/uploads\/2020\/01\/izbddjakfergd1lp0mic2tf-qgw-min.png\" alt=\"\u0417\u0430\u0434\u0430\u0447\u0438 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 (front-end)\" class=\"wp-image-15834\"\/><\/figure>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><a href=\"https:\/\/codepen.io\/anon\/pen\/rGJyBW\" target=\"_blank\" rel=\"noreferrer noopener\">\u0442\u0430\u043a<\/a>&nbsp;\u0438\u043b\u0438&nbsp;<a href=\"https:\/\/codepen.io\/anon\/pen\/BwYWye\" target=\"_blank\" rel=\"noreferrer noopener\">\u0442\u0430\u043a<\/a><\/p>\n\n\n\n<p>8. \u041a\u0430\u043a \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u044e\u0442\u0441\u044f \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u0435 \u0443\u0433\u043b\u044b \u0434\u043b\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u0430(\u0448\u0440\u0438\u0444\u0442, \u0442\u0438\u043f \u0448\u0440\u0438\u0444\u0442\u0430, \u0446\u0432\u0435\u0442\u0430\u0449\u0442\u0435 \u0438 \u0442\u0434)?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0421\u0442\u0438\u043b\u0435\u0432\u044b\u0435 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u0441\u044f \u043a\u043e \u0432\u0441\u0435\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u043c \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c, \u0435\u0441\u043b\u0438 \u0443 \u0442\u0435\u0433\u043e\u0432 \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u044b \u0441\u0442\u0438\u043b\u0435\u0432\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430. \u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443 \u0443 \u0441\u0441\u044b\u043b\u043e\u043a \u0443\u043a\u0430\u0437\u0430\u043d \u0446\u0432\u0435\u0442 \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0438 \u043e\u043d \u0431\u043e\u043b\u0435\u0435 \u043f\u0440\u0438\u043e\u0440\u0438\u0442\u0435\u0442\u043d\u044b\u0439, \u0447\u0435\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0439 \u043d\u0430\u043c\u0438 \u0432 body. \u0414\u0435\u043b\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u0432\u043e\u0439\u0441\u0442\u0432 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0441\u0442\u043e\u0438\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 inherit, \u0442\u043e \u0435\u0441\u0442\u044c \u043a\u0430\u043a \u0443 \u0440\u043e\u0434\u0438\u0442\u0435\u043b\u044f. \u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u043f\u043e\u0434\u043d\u0438\u043c\u0430\u0435\u0442\u0441\u044f \u0432\u0432\u0435\u0440\u0445, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0434\u043e\u0439\u0434\u0435\u0442 \u0434\u043e body.<br>\u0414\u043b\u044f \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 border-radius, \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442, \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u0442\u0435\u0433\u0443, \u0443 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043c\u044b \u0445\u043e\u0442\u0438\u043c \u0447\u0442\u043e \u0431\u044b \u0431\u0438\u043b\u0438 \u0441\u043a\u0440\u0443\u0433\u043b\u0435\u043d\u043d\u044b\u0435 \u0443\u0433\u043b\u044b.<\/p>\n\n\n\n<p>9. \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0441\u0435\u0442 \u0441\u0442\u0438\u043b\u0435\u0439?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041c\u043d\u043e\u0433\u0438\u043c \u0442\u0435\u0433\u0430\u043c \u0441\u0442\u0438\u043b\u0438 \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043d\u044b \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0432\u0435\u0440\u0441\u0442\u043a\u0435 \u043d\u0430\u043c \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0442\u044c \u0438\u0445. \u0427\u0442\u043e \u0431\u044b \u043d\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437, \u043c\u044b \u00ab\u0441\u043a\u0438\u0434\u044b\u0432\u0430\u0435\u043c\u00bb \u0438\u0445 \u00ab\u043c\u0430\u0441\u0441\u043e\u0432\u043e\u00bb. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u0437\u0430\u0432\u043e\u0434\u0438\u043c \u0444\u0430\u0439\u043b \u043f\u043e\u0434 \u0441\u0442\u0438\u043b\u0438, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0435\u0433\u043e \u043f\u0435\u0440\u0432\u044b\u043c \u0438\u043b\u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u0441\u0442\u0438\u043b\u0435\u0432\u043e\u043c \u0444\u0430\u0439\u043b\u0435, \u0432 \u0441\u0430\u043c\u043e\u043c \u0432\u0435\u0440\u0445\u0443 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043d\u0430\u0448\u0438 \u0441\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0431\u0430\u0437\u043e\u0432\u044b\u0445 \u0442\u0435\u0433\u043e\u0432.<br>\u041a \u043f\u0440\u0438\u043c\u0435\u0440\u0443. \u041c\u044b \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0441\u043f\u0438\u0441\u043e\u043a ul \u0434\u043b\u044f \u0432\u0435\u0440\u0441\u0442\u043a\u0438 \u043c\u0435\u043d\u044e, \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u044b \u043a\u0430\u0436\u0434\u044b\u0439 \u0440\u0430\u0437 \u0432\u044b\u043d\u0443\u0436\u0434\u0435\u043d\u044b \u043e\u0431\u043d\u0443\u043b\u044f\u0442\u044c padding, margin \u0438 list-style-type. \u041c\u043e\u0436\u043d\u043e \u043e\u0434\u0438\u043d \u0440\u0430\u0437 \u0437\u0430\u0434\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u0438, \u0438 \u0441\u043f\u0438\u0441\u043a\u0438 \u0441\u0442\u0430\u043d\u0443\u0442 \u0431\u0435\u0437 \u0432\u043d\u0435\u0448\u043d\u0435\u0439 \u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u044b, \u0430 \u0442\u0430\u043a \u0436\u0435 \u0431\u0435\u0437 \u043c\u0430\u0440\u043a\u0435\u0440\u043e\u0432.<\/p>\n\n\n\n<p>10. \u0422\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f \u0441\u0432\u0435\u0440\u0441\u0442\u0430\u0442\u044c \u043f\u043e\u043f\u0430\u043f \u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443, \u0435\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u043d\u0430\u043c \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b, \u043d\u043e \u043c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u0447\u0442\u043e \u0431\u044b \u043e\u043d \u043f\u0440\u043e\u043a\u0440\u0443\u0447\u0438\u0432\u0430\u043b\u0441\u044f \u0432\u043c\u0435\u0441\u0442\u0435 \u0441\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435\u0439, \u043f\u0440\u0438\u0447\u0435\u043c \u043f\u043e \u0432\u044b\u0441\u043e\u0442\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438 \u043d\u0435 \u0432\u043b\u0435\u0437\u0430\u0442\u044c \u0432 \u0432\u044b\u0441\u043e\u0442\u0443 \u044d\u043a\u0440\u0430\u043d\u0430.<\/p>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415161718192021222324<\/td><td>body {&nbsp;&nbsp;overflow: hidden;}&nbsp;.wrap {&nbsp;&nbsp;position: fixed;&nbsp;&nbsp;top: 0;&nbsp;&nbsp;left: 0;&nbsp;&nbsp;width: 100%;&nbsp;&nbsp;height: 100%;&nbsp;&nbsp;overflow-y: auto;&nbsp;&nbsp;background-color: rgba(230, 230, 230, .1);}&nbsp;.popup {&nbsp;&nbsp;position: absolute;&nbsp;&nbsp;width: 400px;&nbsp;&nbsp;height: 300px;&nbsp;&nbsp;right: 0;&nbsp;&nbsp;left: 0;&nbsp;&nbsp;top: 0;&nbsp;&nbsp;bottom: 0;&nbsp;&nbsp;margin: auto;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>11. \u041d\u0430\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0441\u0442\u0438\u043b\u044f\u043c\u0438 \u043f\u043e\u043b\u0443\u043a\u0440\u0443\u0433.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/bookflow.ru\/wp-content\/uploads\/2020\/01\/uaysd6ndv68ik75dpqv5znd76ku-min.png\" alt=\"\u0417\u0430\u0434\u0430\u0447\u0438 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 (front-end)\" class=\"wp-image-15835\"\/><\/figure>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234<\/td><td>width: 100px;height: 100px;border-right: 1px solid #f00;border-radius: 0 50% 50% 0;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>12. \u0415\u0441\u0442\u044c \u043c\u0430\u0441\u0441\u0438\u0432 \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043b\u0435\u0436\u0430\u0442 \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u0441 \u0434\u0430\u0442\u0430\u043c\u0438, \u043e\u0442\u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u043e \u0434\u0430\u0442\u0430\u043c.<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415161718192021<\/td><td>var arr = [{date: &#8216;10.01.2017&#8217;}, {date: &#8216;05.11.2016&#8217;}, {date: &#8216;21.13.2002&#8217;}];&nbsp;arr.forEach(function(item) {&nbsp;&nbsp;var arrDate = item.date.split(&#8216;.&#8217;),&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;date = new Date(Number(arrDate[2]), Number(arrDate[1]), Number(arrDate[0]));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;item.time = date.getTime();});&nbsp;arr.sort(function (a, b) {&nbsp;&nbsp;if (a.time &#8211; b.time &amp;lt; 0) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return true;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}});&nbsp;var res = arr.map(function (item) {&nbsp;&nbsp;return {date: item.date};});&nbsp;console.log(res);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>13. \u0415\u0441\u0442\u044c \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u043b\u043e\u0432, \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u0442 \u043b\u0438 \u043e\u043d\u0438 \u0438\u0437 \u043e\u0434\u043d\u0438\u0445 \u0438 \u0442\u0435\u0445 \u0436\u0435 \u0431\u0443\u043a\u0432(\u2018\u043a\u043e\u0442\u2019, \u2018\u0442\u043e\u043a\u2019, \u2018\u043e\u043a\u0442\u2019)<br><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011121314151617181920212223242526272829<\/td><td>var arr = [&#8216;kot&#8217;, &#8216;tok&#8217;, &#8216;okt&#8217;],&nbsp;&nbsp;arr1 = [&#8216;kot&#8217;, &#8216;tok&#8217;, &#8216;ott&#8217;];&nbsp;function sameWords(arr) {&nbsp;&nbsp;var word1, word2;&nbsp;&nbsp;&nbsp;&nbsp;for (var i = 0; i &amp;lt; arr.length-1; i++) {&nbsp;&nbsp;&nbsp;&nbsp;word1 = 0;&nbsp;&nbsp;&nbsp;&nbsp;word2 = 0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (arr[i].length !== arr[i+1].length) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;for (var j = 0; j &amp;lt; arr[i].length; j++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;word1 += arr[i][j].charCodeAt(0);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;word2 += arr[i+1][j].charCodeAt(0);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (word1 !== word2) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;return true;}&nbsp;console.log(sameWords(arr));console.log(sameWords(arr1));<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3>\u041f\u0440\u043e \u043f\u0440\u043e\u043c\u0438\u0441\u044b<\/h3>\n\n\n\n<p>\u0412 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0435 \u0432\u0440\u0435\u043c\u044f \u0447\u0430\u0441\u0442\u043e \u0441\u0442\u0430\u043b\u0438 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043f\u0440\u043e promse, \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435, \u043a\u0430\u043a\u0438\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0448\u0438\u0431\u043e\u043a, \u043c\u043e\u0436\u043d\u043e \u043b\u0438 \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u0431\u0435\u0437 \u043d\u0438\u0445.(14, 15, 16)<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041d\u0430\u0447\u043d\u0443 \u0438\u0437\u0434\u0430\u043b\u0435\u043a\u0430, \u0442\u0430\u043a \u043a\u0430\u043a js-\u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0435\u043d, \u0442\u043e \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043a\u043e\u0433\u0434\u0430 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u043b\u0438\u0441\u044c callback-\u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438 \u0432\u044b\u0437\u044b\u0432\u0430\u043b\u0438\u0441\u044c \u043f\u043e \u043c\u0435\u0440\u0435 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438. \u0426\u0435\u043f\u043e\u0447\u043a\u0430 \u0430\u0441\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432 \u0440\u043e\u0441\u043b\u0430, \u0447\u0442\u043e \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u043b\u043e \u043a Callback Hell, \u0447\u0442\u043e \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u044b\u043b\u043e \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043a\u043e\u0434\u043e\u043c, \u043e\u0442\u043b\u0430\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u043e\u0448\u0438\u0431\u043e\u043a \u0438 \u0438\u043c \u043d\u0430 \u0441\u043c\u0435\u043d\u0443 \u043f\u0440\u0438\u0448\u043b\u0438 \u043f\u0440\u043e\u043c\u0438\u0441\u044b.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456<\/td><td>var promis = new Promise(function (resolve, reject) {&nbsp;&nbsp;&#8230;&nbsp;&nbsp;setTimeout(function () {&nbsp;&nbsp;&nbsp;&nbsp;resolve(res);&nbsp;&nbsp;}, 5000);});<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u043c\u0438\u0441\u043e\u0432 \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u044c \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0430\u0437\u043e\u043c \u043e\u0442\u0432\u0435\u0442 \u043e\u0442 \u043d\u0438\u0445<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415161718<\/td><td>var promisesImages = [];&nbsp;for (let i = 0; i &amp;lt; count; i++) {&nbsp;&nbsp;&nbsp;&nbsp;promisesImages.push(new Promise((resolveImg, rejectImg) =&amp;gt; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;let img =&nbsp;&nbsp;new Image(),&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;startTime = Date.now();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;img.src = this.imgUrl + &#8216;?&#8217; + Math.floor(Math.random() * 100000000);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;img.onload = () =&amp;gt; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;resolveImg(Date.now() &#8211; startTime);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;};&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;img.onerror = rejectImg;&nbsp;&nbsp;&nbsp;&nbsp;}));}&nbsp;Promise.all(promisesImages)&nbsp;&nbsp;&nbsp;&nbsp;.then((timings) =&amp;gt; {&#8230;})<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>17. \u0418 \u043a\u043e\u043d\u0435\u0447\u043d\u043e \u0432\u043e\u043f\u0440\u043e\u0441 \u043d\u0430 \u0437\u0430\u0441\u044b\u043f\u043a\u0443: \u00ab\u041a\u0430\u043a\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u043c\u043e\u0436\u043d\u043e \u043e\u0431\u043e\u0439\u0442\u0438\u0441\u044c \u0431\u0435\u0437 \u043f\u0440\u043e\u043c\u0438\u0441\u043e\u0432?\u00bb.<br><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041f\u043e \u0441\u0442\u0430\u0440\u0438\u043d\u043a\u0435, \u0432\u0432\u043e\u0434\u0438\u043b\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e-\u0441\u0447\u0435\u0442\u0447\u0438\u043a \u0438 \u043a\u0430\u043a-\u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0441\u0442\u0443\u043f\u0430\u043b\u043e \u043e\u043a\u043e\u043d\u0447\u0430\u043d\u0438\u0435 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0433\u043e \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0433\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u0441\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043b\u0438 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u0441 \u043e\u0431\u0449\u0435\u043c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e\u043c.<\/p>\n\n\n\n<p>18. \u0415\u0449\u0435 \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u043b\u0441\u044f \u0432\u043e\u043f\u0440\u043e\u0441 \u043f\u0440\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043e\u0448\u0438\u0431\u043e\u043a \u0432 \u043f\u0440\u043e\u043c\u0438\u0441\u0430\u0445. \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0442\u0440\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043a \u0441\u0435\u0440\u0432\u0435\u0440\u0443, \u043e\u0434\u0438\u043d \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u043d\u0430\u043c \u0438\u043c\u044f \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f, \u0432\u0442\u043e\u0440\u043e\u0439 \u0435\u0433\u043e \u0434\u0430\u043d\u043d\u044b\u0435, \u0430 \u0442\u0440\u0435\u0442\u0438\u0439 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0430\u0432\u0430\u0442\u0430\u0440\u043a\u0438, \u043c\u044b \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u043e \u043f\u0440\u043e\u043c\u0438\u0441\u0443, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044f \u0438\u0445 \u0432 \u0446\u0435\u043f\u043e\u0447\u043a\u0443, \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0435\u0441\u043b\u0438 \u0432 \u043e\u0434\u043d\u043e\u043c \u0438\u0437 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432 \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u043e\u0448\u0438\u0431\u043a\u0430, \u0434\u043e\u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u043b\u0438 \u0446\u0435\u043f\u043e\u0447\u043a\u0430?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041d\u0435\u0442<\/p>\n\n\n\n<p>\u041f\u0440\u043e\u043c\u0438\u0441\u044b \u0432\u0441\u0435 \u0440\u0430\u0437\u0440\u0430\u0441\u0442\u0430\u044e\u0442\u0441\u044f \u0438 \u043d\u0430 \u0441\u043c\u0435\u043d\u0443 Callback Hell \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442 Promise Hell. \u0427\u0442\u043e \u0436\u0435 \u0434\u0435\u043b\u0430\u0442\u044c?<br><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112<\/td><td>function test() {&nbsp;&nbsp;return new Promise(function (resolve) {&nbsp;&nbsp;&nbsp;&nbsp;setTimeout (function () {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;resolve(1);&nbsp;&nbsp;&nbsp;&nbsp;})&nbsp;&nbsp;})}&nbsp;async function test1() {&nbsp;&nbsp;var res = await test();&nbsp;&nbsp;console.log(res + 1);}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 test1 \u043a\u0430\u043a \u0431\u044b \u00ab\u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f\u00bb \u0434\u043e \u0442\u043e\u0433\u043e \u043c\u043e\u043c\u0435\u0442\u0430 \u043f\u043e\u043a\u0430 \u043c\u044b \u043d\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043c \u043e\u0442\u0432\u0435\u0442 \u043e\u0442 test. \u042f \u0438 \u0440\u0430\u043d\u044c\u0448\u0435 \u0447\u0438\u0442\u0430\u043b\u0430 \u043f\u0440\u043e \u044d\u0442\u0438 \u043c\u0435\u0442\u043e\u0434\u044b, \u043d\u043e \u043e\u0441\u043e\u0431\u043e \u043d\u0435 \u043e\u0431\u0440\u0430\u0449\u0430\u043b\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0430 \u043a\u0430\u043a-\u0442\u043e \u0432 \u0440\u0430\u0437\u0433\u043e\u0432\u043e\u0440\u0435 \u0440\u0435\u0447\u044c \u0437\u0430\u0448\u043b\u0430 \u043e \u043d\u0438\u0445, \u044f \u0443\u0434\u0438\u0432\u0438\u043b\u0430\u0441\u044c: \u00ab\u041a\u0430\u043a \u0442\u0430\u043a, \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442, \u044d\u0442\u043e \u0436\u0435 \u043d\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0447\u0442\u043e \u0437\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u0433\u0434\u0435 \u043e\u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0430, \u043a\u043e\u0433\u0434\u0430 callback \u2014 \u0437\u0434\u0435\u0441\u044c \u0432\u0441\u0435 \u043f\u043e\u043d\u044f\u0442\u043d\u043e, \u0432\u0438\u0434\u043d\u043e \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0437\u043e\u0439\u0434\u0435\u0442 \u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043f\u043e \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044e \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u0438, \u043d\u0443 \u0438\u043b\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u0438\u0441\u043a\u0430\u0442\u044c \u043f\u043e \u0438\u043c\u0435\u043d\u0438, \u043e\u043f\u044f\u0442\u044c \u0436\u0435, \u043f\u0440\u0438\u0432\u044b\u0447\u043d\u043e \u043f\u0440\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u00bb. \u041d\u0430 \u0447\u0442\u043e \u043c\u043d\u0435 \u043e\u0442\u0432\u0435\u0442\u0438\u043b\u0438, \u0447\u0442\u043e \u0443 \u043c\u0435\u043d\u044f javascript \u0433\u043e\u043b\u043e\u0432\u043d\u043e\u0433\u043e \u043c\u043e\u0437\u0433\u0430 \u0438 \u044f \u043d\u0430 \u0441\u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0430 \u043a \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0441\u0442\u0438, \u0447\u0442\u043e \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043c\u043d\u0435 \u043a\u0430\u0436\u0435\u0442\u0441\u044f \u0447\u0435\u043c-\u0442\u043e \u0437\u0430 \u0433\u0440\u0430\u043d\u044c\u044e, \u0430 \u0432\u0435\u0434\u044c \u0432 \u0432 \u043f\u044b\u0445\u0435, \u043d\u0430 \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f \u043d\u0435\u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043b\u0430 \u0432\u0441\u0435 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e, \u0442\u0430\u043c \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0447\u0442\u0435\u043d\u0438\u0435 \u0438\u0437 \u0444\u0430\u0439\u043b\u0430, \u043f\u043e\u043a\u0430 \u043d\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0438\u0442\u044c\u0441\u044f, \u0434\u0430\u043b\u044c\u0448\u0435 \u043d\u0435 \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0438\u0442\u0441\u044f.<\/p>\n\n\n\n<p>(19)\u0412\u043e\u0442 \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u043f\u0440\u0438\u043c\u0435\u0440\u0447\u0438\u043a \u043d\u0430 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u043e\u0441\u0442\u044c. \u041e\u0431\u044a\u044f\u0441\u043d\u0438\u0442\u044c \u0432 \u043a\u0430\u043a\u043e\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0432\u044b\u0432\u0435\u0434\u0443\u0442\u0441\u044f \u0446\u0438\u0444\u0440\u044b \u0438 \u043f\u043e\u0447\u0435\u043c\u0443 \u0442\u0430\u043a.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345<\/td><td>console.log(1);setTimeout(function() {&nbsp;&nbsp;console.log(2);}, 0)console.log(3);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0414\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0439, \u043d\u0430\u0434\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c. \u0412\u043e\u0442 \u043c\u043d\u0435 \u043e\u043d \u0438 \u0434\u043e\u0441\u0442\u0430\u043b\u0441\u044f \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u043d\u043e\u0439 \u0440\u0430\u0437. \u0423\u0436\u0435 \u043e\u0442\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043e \u043d\u0430\u0447\u0430\u043b\u0430 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c: \u00ab1, 3, 2. \u0422\u0430\u043a \u043a\u0430\u043a \u0445\u043e\u0442\u044c js \u0438 \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0435\u043d, \u043d\u043e \u0432\u043d\u0443\u0442\u0440\u0438 \u0435\u0433\u043e \u0435\u0441\u0442\u044c \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0438 setTimeout \u0438 setInterval, \u0435\u0441\u043b\u0438 \u0438\u043c \u0443\u043a\u0430\u0437\u0430\u043d 0, \u043f\u043e\u043c\u0435\u0449\u0430\u044e\u0442 \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432 \u043a\u043e\u043d\u0435\u0446 \u043e\u0447\u0435\u0440\u0435\u0434\u0438.\u00bb<br>\u0422\u0443\u0442 \u043d\u0430\u0434\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c \u0440\u0435\u0431\u044f\u0442\u0430 \u0437\u0430\u0444\u0435\u0439\u043b\u0438\u043b\u0438\u0441\u044c, \u0437\u0430\u044f\u0432\u0438\u0432, \u0447\u0442\u043e \u044f \u043e\u0442\u0432\u0435\u0442\u0438\u043b\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e, \u043f\u0440\u043e 132, \u043d\u043e \u043d\u0435 \u043e\u0431\u044a\u044f\u0441\u043d\u0438\u043b\u0430 \u043f\u043e\u0447\u0435\u043c\u0443.<\/p>\n\n\n\n<p>(20)\u0412\u043e\u043e\u0431\u0449\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043d\u0430 setTimeout \u0438 setInterval \u0432\u0435\u0441\u044c\u043c\u0430 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b.\u041c\u0435\u043d\u044f \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u043b\u0438: \u00ab\u041a\u0430\u043a\u043e\u0435 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u0434\u0430\u0442\u044c?\u00bb<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0412 \u043a\u0430\u0436\u0434\u043e\u043c \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0439 \u043c\u0438\u043d\u0438\u043c\u0443\u043c, \u0435\u0441\u043b\u0438 \u0432\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 \u043d\u0435\u0433\u043e, \u0442\u043e \u0432\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0437\u0430\u0434\u0435\u0440\u0436\u043a\u0430 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 \u043c\u0438\u043d\u0438\u043c\u0443\u043c\u0443. \u0418\u043d\u043e\u0433\u0434\u0430 \u0434\u0430\u0436\u0435 \u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0442\u0430\u043a \u043a\u0430\u043a \u0437\u0430\u0434\u0430\u0447\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0438 \u0432\u0440\u0435\u043c\u044f \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0438\u0437 \u0437\u0430\u0434\u0430\u043d\u043d\u043e\u0433\u043e \u043f\u043b\u044e\u0441 \u0437\u0430\u0442\u0440\u0430\u0442\u044b \u0432 \u043d\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 \u043d\u0430 \u0437\u0430\u0434\u0430\u0447 \u0432 \u043e\u0447\u0435\u0440\u0435\u0434\u0438 \u043f\u0435\u0440\u0435\u0434 \u043d\u0435\u0439.<\/p>\n\n\n\n<h3>\u041a\u0443\u0434\u0430 \u0436\u0435 \u0431\u0435\u0437 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0439<\/h3>\n\n\n\n<p>\u041d\u0435 \u0434\u0430\u0432\u043d\u043e \u0432\u044b\u0434\u0435\u043b\u0438\u043b\u0438 \u0446\u0435\u043b\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0430(<a href=\"https:\/\/habrahabr.ru\/company\/ruvds\/blog\/340194\/\">\u0442\u0443\u0442<\/a>), \u0447\u0438\u0442\u0430\u0442\u0435\u043b\u0438 \u0432 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u044f\u0445 \u0440\u0430\u0441\u043f\u0438\u0441\u044b\u0432\u0430\u043b\u0438 \u0432\u0441\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u043e\u0442 \u0442\u0440\u0430\u0434\u0438\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0434\u043e \u0444\u0430\u043d\u0442\u0430\u0441\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0445. \u0412\u043e\u0442 \u043e \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u044f \u043e\u0431\u044b\u0447\u043d\u043e \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0430 \u043d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u0445.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345<\/td><td>for (var i = 0; i &amp;lt; 10; i++) {&nbsp;&nbsp;setTimeout(function () {&nbsp;&nbsp;&nbsp;&nbsp;console.log(i);&nbsp;&nbsp;}, 100);}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>21. \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u0435\u0434\u0435\u043d\u043e \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u044c, \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0447\u0442\u043e \u0431\u044b \u043e\u043d \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u043b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442(\u043d\u0430\u0437\u043e\u0432\u0438\u0442\u0435 \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432)?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0421\u0430\u043c\u044b\u0439 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0439, \u043e\u0431\u0435\u0440\u043d\u0443\u0442\u044c \u0432 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567<\/td><td>for (var i = 0; i &amp;lt; 10; i++) {&nbsp;&nbsp;(function (i) {&nbsp;&nbsp;&nbsp;&nbsp;setTimeout(function () {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log(i);&nbsp;&nbsp;&nbsp;&nbsp;}, 100);&nbsp;&nbsp;})(i)}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041d\u0435 \u0432\u0441\u0435 \u043e\u0431\u0440\u0430\u0449\u0430\u043b\u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0432 i \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345<\/td><td>for (var i = 0; i &amp;lt; 10; i++) {&nbsp;&nbsp;setTimeout(function (i) {&nbsp;&nbsp;&nbsp;&nbsp;console.log(i);&nbsp;&nbsp;}.bind(this, i), 100);}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0422\u0430\u043a \u0436\u0435 \u043c\u0435\u0442\u043e\u0434\u0430\u043c setInterval \u0438 setTimeout \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u043e\u043a\u0438\u043d\u0443\u0442\u044b \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u043a\u0430\u043b\u0431\u0435\u043a-\u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345<\/td><td>for (var i = 0; i &amp;lt; 10; i++) {&nbsp;&nbsp;setTimeout(function (i) {&nbsp;&nbsp;&nbsp;&nbsp;console.log(i);&nbsp;&nbsp;}, 100, i);}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>es6<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345<\/td><td>for (let i = 0; i &amp;lt; 10; i++) {&nbsp;&nbsp;setTimeout(function () {&nbsp;&nbsp;&nbsp;&nbsp;console.log(i);&nbsp;&nbsp;}, 100);}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041e\u0434\u043d\u0430 \u0438\u0437 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 es6, \u0432 \u0434\u0430\u043d\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u043e\u0436\u0438\u0434\u0430\u043d\u043d\u043e, let \u043d\u0435 \u0432 \u0431\u043b\u043e\u043a\u0435 {}.<\/p>\n\n\n\n<p>\u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c \u043f\u043e\u0445\u0430\u0440\u0434\u043a\u043e\u0440\u043d\u0435\u0435.<\/p>\n\n\n\n<p>22. \u041d\u0430\u0434\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u0435\u0440\u043d\u0435\u0442 \u00abhello world\u00bb, \u043d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0432 \u0442\u0435\u043b\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u043d\u0435\u043b\u044c\u0437\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043d\u0438 \u0446\u0438\u0444\u0440\u044b, \u043d\u0438 \u0431\u0443\u043a\u0432\u044b, \u0430 \u0446\u0438\u043a\u043b\u044b, \u043c\u0430\u0441\u0441\u0438\u0432\u044b, \u043e\u0431\u044a\u0435\u043a\u0442\u044b \u043c\u043e\u0436\u043d\u043e, \u043d\u043e \u0431\u0435\u0437 \u0446\u0438\u0444\u0440.<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0423\u0432\u044b, \u044d\u0442\u0438 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0435 \u043b\u044e\u0434\u0435 \u043d\u0435 \u0441\u043a\u0430\u0437\u0430\u043b\u0438 \u043c\u043d\u0435 \u043a\u0430\u043a \u0435\u0435 \u0440\u0435\u0448\u0430\u0442\u044c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443, \u043f\u043e\u0434\u0443\u043c\u0430\u0432 \u0434\u043e\u043c\u0430, \u044f \u043c\u043e\u0433\u0443 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0435\u0434\u043f\u043e\u043b\u043e\u0436\u0438\u0442\u044c.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456<\/td><td>var zero = [].length,&nbsp;&nbsp;&nbsp;&nbsp; one = [{}].length,&nbsp;&nbsp;&nbsp;&nbsp; two = [,,].length,&nbsp;&nbsp;&nbsp;&nbsp;seven = [,,,,,,,].length;&nbsp;console.log(String.fromCharCode(Number(String(seven) + String(two))));<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0422\u0430\u043a \u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u0430 \u0431\u0443\u043a\u0432\u0443 H, \u043d\u043e \u044d\u0442\u043e \u0438\u0437\u0432\u0440\u0430\u0442 \u0435\u0449\u0435 \u0442\u043e\u0442, \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u0441\u0442\u0430\u0432\u0448\u0438\u0435\u0441\u044f 10 \u0437\u043d\u0430\u043a\u043e\u0432\u2026<\/p>\n\n\n\n<p>(23) \u041e\u0442 \u043d\u0438\u0445 \u0436\u0435. \u0427\u0438\u0441\u043b\u0430 \u043e\u0442 1 \u0434\u043e 100 \u043b\u0435\u0436\u0430\u0442 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435, \u043e\u043d\u0438 \u0445\u0430\u043e\u0442\u0438\u0447\u043d\u043e \u043f\u0435\u0440\u0435\u043c\u0435\u0448\u0430\u043d\u043d\u044b\u0435, \u043e\u0442 \u0442\u0443\u0434\u0430 \u0438\u0437\u044a\u044f\u043b\u0438 \u043e\u0434\u043d\u043e \u0447\u0438\u0441\u043b\u043e, \u043d\u0430\u0434\u043e \u043d\u0430\u0439\u0442\u0438, \u0447\u0442\u043e \u044d\u0442\u043e \u0437\u0430 \u0447\u0438\u0441\u043b\u043e. \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c \u043d\u0435 \u0434\u043e\u043b\u0436\u0435\u043d \u043f\u0440\u0435\u0432\u044b\u0448\u0430\u0442\u044c O(n^2) \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041f\u0440\u043e\u0439\u0442\u0438 \u043c\u0430\u0441\u0441\u0438\u0432 \u0446\u0438\u043a\u043b\u043e\u043c \u0438 \u0441\u043b\u043e\u0436\u0438\u0442\u044c \u0432\u0441\u0435 \u0438\u043c\u0435\u044e\u0449\u0438\u0435\u0441\u044f \u0442\u0430\u043c \u0446\u0438\u0444\u0440\u044b \u0438 \u0432\u044b\u0447\u0435\u0441\u0442\u044c \u0438\u0437 \u0447\u0438\u0441\u043b\u0430, \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u043e \u0444\u043e\u0440\u043c\u0443\u043b\u0435 (n + 1) \/ (n \/ 2).<\/p>\n\n\n\n<p>\u041c\u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e \u0432 \u0433\u043e\u043b\u043e\u0432\u0443 \u0431\u043e\u043b\u0435\u0435 \u044d\u043a\u0437\u043e\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435. \u0414\u0435\u0442\u044f\u043c \u0438 \u0441\u043b\u0430\u0431\u043e\u043d\u0435\u0440\u0432\u043d\u044b\u043c \u043b\u0443\u0447\u0448\u0435 \u043d\u0435 \u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234<\/td><td>var sum = 101*50,&nbsp;&nbsp;&nbsp;&nbsp; sumArr = eval([4, 2, &#8230; 3, 7].join(&#8216;+&#8217;).replace(&#8216;++&#8217;, &#8216;+&#8217;)),&nbsp;&nbsp;&nbsp;&nbsp; res;res = sum-sumArr;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041f\u0440\u043e\u0441\u0442\u043e \u043c\u043d\u0435 \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u043a\u043e\u0433\u0434\u0430-\u0442\u043e \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u043b\u0438: \u00ab\u041a\u0430\u043a \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0432\u0441\u0435\u0433\u043e \u043d\u0430\u0439\u0442\u0438 \u0441\u0443\u043c\u043c\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0430?\u00bb<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>eval([4, 2, &#8230; 3, 7].join(&#8216;+&#8217;)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0412\u043e\u0442 \u043d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u0432\u0441\u043f\u043e\u043c\u043d\u0438\u043b\u043e\u0441\u044c \u0438 \u043d\u0435 \u043f\u0440\u0438\u0448\u043b\u043e \u043d\u0438 \u0447\u0435\u0433\u043e \u043b\u0443\u0447\u0448\u0435.<\/p>\n\n\n\n<p>(24) \u0412\u043e\u0442 \u0435\u0449\u0435 \u0444\u0435\u0439\u043b-\u0437\u0430\u0434\u0430\u0447\u0430. \u041f\u0440\u0438\u0432\u0435\u0434\u0443 \u0434\u043e\u0441\u043b\u043e\u0432\u043d\u043e, \u0442\u0435 \u043d\u0430\u043f\u0438\u0448\u0443 \u043a\u0430\u043a \u043d\u0430\u043f\u0438\u0441\u0430\u043b\u0438 \u043c\u043d\u0435.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567<\/td><td>function Book(name, author) {&nbsp;&nbsp;&nbsp;&nbsp;this.name = name;&nbsp;&nbsp;&nbsp;&nbsp;this.author = author;&nbsp;&nbsp;&nbsp;&nbsp;return this;}&nbsp;function Foo(Book, &#8216;\u0423\u0447\u0435\u0431\u043d\u0438\u043a javascript&#8217;, &#8216;\u041f\u0435\u0442\u0440 \u0421\u0435\u0440\u0433\u0435\u0435\u0432&#8217;)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c Foo<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041c\u0435\u043d\u044f \u0441\u0431\u0438\u043b\u0430 \u044d\u0442\u0430 \u0441\u0442\u0440\u043e\u0447\u043a\u0430 function Foo(Book, \u2018\u0423\u0447\u0435\u0431\u043d\u0438\u043a javascript\u2019, \u2018\u041f\u0435\u0442\u0440 \u0421\u0435\u0440\u0433\u0435\u0435\u0432\u2019). \u0422\u043e\u043b\u044c\u043a\u043e \u044f \u0432\u0438\u0436\u0443, \u0447\u0442\u043e \u0437\u0434\u0435\u0441\u044c \u0447\u0442\u043e-\u0442\u043e \u043d\u0435 \u0442\u0430\u043a? \u041c\u043d\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b\u0438 \u0440\u0435\u0448\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 Object.create(), \u043d\u043e \u044f \u043d\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u0430. \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0438 \u043c\u0435\u0442\u043e\u0434\u044b, \u0437\u0430\u043f\u0438\u0441\u0430\u043d\u044b\u0435 \u0432 \u0441\u0430\u043c\u0443 \u0444\u0443\u043d\u043a\u0446\u0438\u044e-\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440, \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u00ab\u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u044b\u00bb Object.create.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213<\/td><td>function Book(name, author) {&nbsp;&nbsp;&nbsp;&nbsp;this.name = name;&nbsp;&nbsp;&nbsp;&nbsp;this.author = author;&nbsp;&nbsp;&nbsp;&nbsp;return this;} &nbsp;function Foo(Cclass, name, author) {&nbsp;&nbsp;return Object.create(Cclass.prototype);}&nbsp;var book = Foo(Book, &#8216;js&#8217;, &#8216;petr&#8217;);&nbsp;console.log(book.name); -&amp;gt; undefined<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041a\u043e\u043d\u0435\u0447\u043d\u043e \u043c\u0435\u043d\u044f \u043d\u0435 \u0432\u0437\u044f\u043b\u0438, \u0430 \u043d\u0430 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u043a \u043f\u043e\u0441\u043e\u0432\u0435\u0442\u043e\u0432\u0430\u043b\u0438 \u043b\u0443\u0447\u0448\u0435 \u0443\u0447\u0438\u0442\u044c \u0442\u0435\u043e\u0440\u0438\u044e. \u0425\u043d\u044b\u043a-\u0445\u043d\u044b\u043a.<br>\u0412 \u043b\u044e\u0431\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u044f \u0431\u044b \u043f\u0440\u0435\u0434\u043f\u043e\u0447\u043b\u0430 \u0440\u0435\u0448\u0430\u0442\u044c \u0442\u0430\u043a.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112<\/td><td>function Book(name, author) {&nbsp;&nbsp;&nbsp;&nbsp;this.name = name;&nbsp;&nbsp;&nbsp;&nbsp;this.author = author;&nbsp;&nbsp;&nbsp;&nbsp;return this;}&nbsp;function Foo(Cclass, name, author) {&nbsp;&nbsp;&nbsp;&nbsp;return Cclass.call({}, name, author);}&nbsp;var book = Foo(Book, &#8216;js&#8217;, &#8216;petr&#8217;);console.log(book.name);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0425\u043e\u0447\u0443 \u043f\u043e\u0441\u043e\u0432\u0435\u0442\u043e\u0432\u0430\u0442\u044c \u0447\u0443\u0432\u0430\u043a\u0430\u043c \u043b\u0443\u0447\u0448\u0435 \u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c\u0441\u044f \u043a \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u043c.<\/p>\n\n\n\n<h3>\u0417\u0430\u0434\u0430\u0447\u0430 \u043f\u0440\u043e \u043f\u0430\u043b\u0438\u043d\u0434\u0440\u043e\u043c<\/h3>\n\n\n\n<p>(25) \u0414\u0430, \u0434\u043e \u0441\u0438\u0445 \u043f\u043e\u0440 \u0435\u0435 \u0437\u0430\u0434\u0430\u044e\u0442. \u041f\u0440\u0438\u0447\u0435\u043c \u043e\u043d\u0430 \u043f\u043e\u043f\u0430\u043b\u0430\u0441\u044c \u043c\u043d\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0440\u0430\u0437. \u0412 \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0437 \u044f \u0441\u0442\u0430\u043b\u0430 \u0440\u0435\u0448\u0430\u0442\u044c \u0446\u0438\u043a\u043b\u043e\u043c, \u0432\u0440\u043e\u0434\u0435 \u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0441\u0442\u0430\u0432\u0430\u043b\u0430\u0441\u044c \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u0438\u043c\u0432\u043e\u043b\u0430\u043c\u0438, \u043f\u0438\u0441\u0430\u0442\u044c \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0441\u0438\u043c\u0432\u043e\u043b\u0430 replace \u2014 \u044d\u0442\u043e \u043d\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442, \u0430 \u0432 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043a\u0430\u0445 \u044f \u043d\u0435 \u0441\u0438\u043b\u044c\u043d\u0430, \u0434\u0430 \u0438 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043e\u043d \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e \u0432\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u044f. \u042f \u043d\u0435 \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0430 \u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0442\u044c \u0437\u0430 \u0441\u043f\u0438\u043d\u043e\u0439 \u0447\u0442\u043e-\u0442\u043e \u043d\u0435\u043f\u043e\u043d\u044f\u0442\u043d\u043e\u0435, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0430\u0441\u044c \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td>function isPalindrom1(str) {&nbsp;&nbsp;&nbsp;&nbsp;if (str.toLowerCase().replace(\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/g, &#8221;) === str.toLowerCase().replace(\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/g, &nbsp;&nbsp;&nbsp;&nbsp;&#8221;).split(&#8221;).reverse().join(&#8221;)) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return true;&nbsp;&nbsp;&nbsp;&nbsp; } else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;&nbsp;&nbsp;&nbsp;&nbsp; }}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041a\u0440\u0430\u0441\u0438\u0432\u043e, \u043f\u0440\u043e\u0441\u0442\u043e, \u0438\u0437\u044f\u0449\u043d\u043e.<\/p>\n\n\n\n<p>\u0417\u0430\u0431\u0430\u0432\u043d\u043e, \u043d\u043e \u0433\u0434\u0435-\u0442\u043e \u0447\u0435\u0440\u0435\u0437 \u0433\u043e\u0434 \u043c\u043d\u0435 \u043f\u043e\u043f\u0430\u043b\u0441\u044f \u044d\u0442\u043e\u0442 \u0436\u0435 \u0432\u043e\u043f\u0440\u043e\u0441. \u042f \u043e\u0431\u0440\u0430\u0434\u043e\u0432\u0430\u043b\u0430\u0441\u044c: \u00ab\u0421\u0432\u0435\u0437\u043b\u043e\u00bb. \u041a\u0430\u043a \u043e\u043a\u0430\u0437\u0430\u043b\u043e\u0441\u044c, \u043d\u0435\u0442. \u0422\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u0440\u0435\u0448\u0438\u0442\u044c \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0446\u0438\u043a\u043b\u0430, \u0430 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043b\u044f \u043e\u0434\u043d\u043e\u0433\u043e \u0441\u0438\u043c\u0432\u043e\u043b\u0430. \u0421\u043e\u0431\u0435\u0441\u0435\u0434\u043d\u0438\u043a \u043c\u043e\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u043b \u044d\u0442\u043e \u0442\u0435\u043c, \u0447\u0442\u043e replace \u0441 \u0440\u0435\u0433\u0443\u043b\u044f\u0440\u043a\u043e\u0439 \u043f\u043e \u0432\u0441\u0435\u0439 \u0441\u0442\u0440\u043e\u043a\u0435 \u2014 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0440\u0435\u0441\u0443\u0440\u0441\u043e\u0435\u043c\u043a\u043e.<\/p>\n\n\n\n<p>\u041f\u043e\u0434\u0443\u043c\u0430\u0432 \u0434\u043e\u043c\u0430, \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c \u0432\u043e\u0442 \u0442\u0430\u043a:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213141516171819202122<\/td><td>function isPalindrom(str) {&nbsp;&nbsp;&nbsp;&nbsp;var str = str.toLowerCase(),&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;lim = str.length &#8211; 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i = 0,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;j = str.length &#8211; 1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;while (i &amp;lt;= lim) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/.test(str[i])) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i += 1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/.test(str[j])) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;j -= 1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (str[i] != str[j]) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i += 1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;j -= 1;&nbsp;&nbsp; }&nbsp;&nbsp; return true;}console.log(isPalindrom(&#8216;\u0410 \u0440\u043e\u0437\u0430 \u0443\u043f\u0430\u043b\u0430 \u043d\u0430 \u043b\u0430\u043f\u0443 \u0410\u0437\u043e\u0440\u0430&#8217;));<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>26. \u041a\u0430\u043a \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0438\u0442\u044c js, css? \u041f\u043b\u044e\u0441\u044b, \u043c\u0438\u043d\u0443\u0441\u044b \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u0432?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041c\u043e\u0436\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0433\u043e\u0432<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12<\/td><td>&amp;lt;script&amp;gt;&amp;lt;\/script&amp;gt;&amp;lt;style&amp;gt;&amp;lt;\/style&amp;gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u043b\u0438<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12<\/td><td>&amp;lt;script src=&#8221;script.js&#8221;&amp;gt;&amp;lt;script&amp;gt;&amp;lt;link rel=&#8221;stylesheet&#8221; href=&#8221;\/css\/style.css&#8221;&amp;gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0438\u0437 \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432.<\/p>\n\n\n\n<p>\u041c\u0438\u043d\u0443\u0441 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f \u0432\u043d\u0435\u0448\u043d\u0438\u0445 \u0444\u0430\u0439\u043b\u043e\u0432 \u0437\u0430\u043a\u043b\u044e\u0447\u0430\u0435\u0442\u0441\u044f \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0434\u043b\u044f \u0438\u0445 \u0441\u043a\u0430\u0447\u043a\u0438, \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u041c\u043e\u0436\u0435\u0442 \u0441\u043b\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0442\u0430\u043a, \u0447\u0442\u043e \u043c\u044b \u043d\u0435 \u0441\u043c\u043e\u0436\u0435\u043c \u0437\u0430\u043a\u0430\u0447\u0430\u0442\u044c, \u0430 \u0435\u0441\u043b\u0438 \u044d\u0442\u043e \u0435\u0449\u0435 \u0438 js \u0444\u0430\u0439\u043b, \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044b\u0439 \u0433\u0434\u0435-\u0442\u043e \u0432 \u043d\u0430\u0447\u0430\u043b\u0435, \u0442\u043e \u043c\u044b \u0440\u0438\u0441\u043a\u0443\u0435\u043c \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e \u043f\u0443\u0441\u0442\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443.<br>\u0420\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0441\u0442\u0438\u043b\u0435\u0439 \u0438 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432 \u0432 \u0441\u0430\u043c\u043e\u043c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0435, \u0432 \u044d\u0442\u043e\u043c \u043f\u043b\u0430\u043d\u0435, \u043d\u0430\u0434\u0435\u0436\u043d\u0435\u0435. \u041d\u043e \u043f\u0440\u0438 \u044d\u0442\u043e\u043c \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u0438 \u0441\u0442\u0438\u043b\u0438 \u0441\u043e\u0432\u0435\u0440\u0448\u0435\u043d\u043d\u043e \u043d\u0435 \u043a\u0435\u0448\u0438\u0440\u0443\u044e\u0442\u0441\u044f.<\/p>\n\n\n\n<p>27. \u0427\u0435\u043c opacity \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u0442 visible: hidden \u0438 \u0447\u0442\u043e \u044d\u0442\u043e \u0442\u0430\u043a\u043e\u0435, \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 overflow: hidden?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>opacity \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430. \u041f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043e\u0442 0 \u0434\u043e 1, \u043f\u0440\u0438 0 \u2014 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043d\u0435 \u0432\u0438\u0434\u0435\u043d, .5 \u2014 \u043f\u043e\u043b\u0443\u043f\u0440\u043e\u0437\u0440\u0430\u0447\u0435\u043d, 1 \u2014 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0432\u0438\u0434\u0435\u043d. \u0414\u0430\u0436\u0435 \u043f\u0440\u0438 0 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0435\u0441\u0442\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.<br>\u042d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u043e \u0441\u0442\u0438\u043b\u044f\u043c\u0438 visible: hidden \u0442\u0430\u043a \u0436\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0435\u0441\u0442\u043e, \u043d\u0435 \u0432\u0438\u0434\u0438\u043c. \u041d\u043e \u0432 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0441 opacity, js-\u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043d\u0430 \u043d\u0435\u043c \u043d\u0435 \u0441\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442.<br>display: none \u2014 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, \u043e\u043d \u043d\u0435 \u0432\u0438\u0434\u0438\u043c \u0438 \u043d\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 \u043c\u0435\u0441\u0442\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435. javascript \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0438 width, height.<br>overflow: hidden; \u2014 \u0441\u043a\u0440\u044b\u0432\u0430\u0435\u0442 \u0432\u0441\u0435, \u0447\u0442\u043e \u043f\u043e\u043f\u0430\u0434\u0435\u0442 \u0437\u0430 \u0435\u0433\u043e \u043f\u0440\u0435\u0434\u0435\u043b\u044b.<\/p>\n\n\n\n<h3>\u041c\u043e\u0434\u043d\u043e\u0435 \u0441\u043b\u043e\u0432\u043e \u2014 \u043a\u0430\u0440\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/h3>\n\n\n\n<p>28. \u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e f: f(2, 3) -&gt; 5, \u043f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 f(2)(3), \u0442\u043e\u0436\u0435 \u0432\u0435\u0440\u043d\u0435\u0442 5<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789<\/td><td>function f(a, b) { if (b !== undefined) { return a + b; } else { return function (b) { return a + b; } } }<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0425\u043e\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u0443\u043f\u043e\u043c\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0432 \u043a\u043d\u0438\u0433\u0435 \u0421\u0442\u0435\u0444\u0430\u043d\u043e\u0432\u0430, \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u044f \u043d\u0438 \u0440\u0430\u0437\u0443 \u043d\u0435 \u0432\u0438\u0434\u0435\u043b\u0430, \u0447\u0442\u043e \u0431\u044b \u043a\u0442\u043e-\u0442\u043e \u0435\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b.<\/p>\n\n\n\n<p>\u0411\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442.<br>f(1)(2)(3)() -&gt; 6, f(0)(3)(1)(5)() -&gt; 8<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011<\/td><td>function f(arg) {&nbsp;&nbsp;var value = arg;&nbsp;&nbsp;&nbsp;return function (arg) {&nbsp;&nbsp;&nbsp;&nbsp;if (arg !== undefined) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return f(value + arg);&nbsp;&nbsp;&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;return value;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;}}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b<\/p>\n\n\n\n<p>foo(1)(2)(3) -&gt; 6<br>foo(1)(2)(3)(4) -&gt; 10<br>foo(-1)(2)(3)(4)(7) -&gt; 15<br>foo(1)(2)(3)\u2026(n) \u0432\u0435\u0440\u043d\u0435\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c \u0441\u0443\u043c\u043c\u0443 1+2+3\u2026+n<\/p>\n\n\n\n<p>\u0421\u0430\u043c\u044b\u0439 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442, \u043a\u043e\u0433\u0434\u0430 \u0432\u044b\u0437\u043e\u0432 \u044d\u0442\u043e\u0439 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u043d\u0435 \u0437\u0430\u043a\u0430\u043d\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0443\u0441\u0442\u044b\u043c\u0438 \u0441\u043a\u043e\u0431\u043a\u0430\u043c\u0438, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442 \u043c\u044b \u043d\u0435 \u0438\u043c\u0435\u0435\u043c \u044f\u0432\u043d\u043e\u0433\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044f \u043d\u0430 \u0432\u044b\u0445\u043e\u0434.<strong>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011<\/td><td>function foo(value) {&nbsp;&nbsp;var acc = value;&nbsp;&nbsp;function addNext(next) {&nbsp;&nbsp;&nbsp;&nbsp;acc += next;&nbsp;&nbsp;&nbsp;&nbsp;return addNext;&nbsp;&nbsp;}&nbsp;&nbsp;addNext.toString = addNext.valueOf = function() {&nbsp;&nbsp;&nbsp;&nbsp;return acc;&nbsp;&nbsp;}&nbsp;&nbsp;return addNext;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>29. \u041d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435 \u043d\u0430 \u043f\u0440\u043e\u0448\u043b\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 \u043c\u043d\u0435 \u043f\u043e\u043f\u0430\u043b\u0441\u044f \u0432\u043e\u043f\u0440\u043e\u0441: \u2018\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 live\/die\u2019<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0413\u0434\u0435 \u0442\u043e \u0438\u0437 \u0433\u043b\u0443\u0431\u0438\u043d\u044b \u0441\u043e\u0437\u043d\u0430\u043d\u0438\u044f \u0432\u0441\u043f\u043b\u044b\u043b\u043e, \u0447\u0442\u043e \u044d\u0442\u043e \u0430\u043d\u0430\u043b\u043e\u0433 on\/off, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043d\u0438\u0445 \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0432\u0435\u0448\u0438\u0432\u0430\u0442\u044c\/\u0443\u0434\u0430\u043b\u044f\u0442\u044c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043d\u0430 \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u0438\u0445. \u041d\u043e \u0431\u043e\u043b\u0435\u0435 \u0441\u0442\u0430\u0440\u044b\u0435 \u043c\u0435\u0442\u043e\u0434\u044b, \u043f\u043e \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u044e on\/off.<br>\u0412 \u043f\u0440\u043e\u0435\u043a\u0442\u0435 \u044f \u0441\u0442\u043e\u043b\u043a\u043d\u0443\u043b\u0430\u0441\u044c \u0441 \u0435\u0449\u0435 \u0438 \u0441 bind\/unbind<\/p>\n\n\n\n<h3>30. JSONP, \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/h3>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041c\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u043c \u043d\u0430\u0445\u043e\u0434\u044f\u0441\u044c \u043d\u0430 \u043e\u0434\u043d\u043e\u043c \u0441\u0430\u0439\u0442\u0435, \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0441 \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u0438 \u043a\u0430\u043a-\u0442\u043e \u0438\u0445 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c. \u0427\u0442\u043e \u0436\u0435 \u0434\u0435\u043b\u0430\u0442\u044c? \u041c\u043e\u0436\u0435\u0442 ajax, \u043d\u043e \u0443 \u043d\u0435\u0433\u043e \u0435\u0441\u0442\u044c \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0435 \u0431\u043e\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438. \u041d\u0430\u0434\u043e \u0447\u0442\u043e-\u0442\u043e \u0441\u043e\u0432\u043f\u0430\u0434\u0430\u043b\u0438 \u043f\u0440\u043e\u0442\u043e\u043a\u043e\u043b, \u0434\u043e\u043c\u0435\u043d \u0438 \u043f\u043e\u0440\u0442, \u0434\u0430\u0436\u0435 \u043d\u0430 \u043f\u043e\u0434\u0434\u043e\u043c\u0435\u043d\u044b \u043c\u044b \u043d\u0435 \u043c\u043e\u0436\u0435\u043c \u0441\u043b\u0430\u0442\u044c ajax-\u0437\u0430\u043f\u0440\u043e\u0441\u044b.<br>\u0412\u0441\u0435 \u0436\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043d\u0430\u0448\u043b\u0438 \u043d\u0435\u043a\u0438\u0439 \u043b\u0430\u0439\u0444\u0445\u0430\u043a \u0434\u043b\u044f \u043a\u0440\u043e\u0441-\u0434\u043e\u043c\u0435\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0440\u043e\u0441\u043e\u0432.<br>\u0415\u0441\u043b\u0438 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 jquery, \u0442\u043e \u0432\u0441\u0435\u0433\u043e-\u0442\u043e \u043d\u0430\u0434\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0435 \u00abdataType\u00bb \u2014 \u00abjsonp\u00bb.<br>\u041c\u0430\u043b\u043e \u043a\u0442\u043e \u0437\u043d\u0430\u0435\u0442, \u0447\u0442\u043e \u043b\u0435\u0436\u0438\u0442 \u0432 \u043e\u0441\u043d\u043e\u0432\u0435 \u0434\u0430\u043d\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c js \u043f\u0440\u0438\u0431\u043b\u0438\u0437\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0442\u0430\u043a\u0430\u044f<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910<\/td><td>var url = &#8216;http:\/\/mydomen.com\/news.php&#8217;,&nbsp;&nbsp;&nbsp;&nbsp;script = document.createElement(&#8216;script&#8217;),&nbsp;&nbsp;&nbsp;&nbsp;callbackName = &#8216;jsonCallback&#8217; + Math.randome();&nbsp;&nbsp;&nbsp;script.src = url + &#8216;?callback&#8217; + callbackName;&nbsp;&nbsp;window[callbackName] = function(response){&nbsp;&nbsp;&nbsp;&nbsp;console.log(response);&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;document.header.appendChild(script);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0442\u0435\u0433 script \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u0432\u044b\u043a\u0430\u0447\u0438\u0432\u0430\u0442\u044c \u0441\u043a\u0440\u0438\u043f\u0442, \u043b\u0435\u0436\u0430\u0449\u0438\u0439 \u043f\u043e \u0430\u0434\u0440\u0435\u0441\u0443 \u0432 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0435 src, \u0430 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u043a\u0430\u0447\u043a\u0438, \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043c\u044b \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u0442\u0435\u0433 script. \u0421\u043b\u0443\u0447\u0430\u0439\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u0438\u043c\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438. \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u0443\u0440\u043b \u043a \u0440\u0435\u0441\u0443\u0440\u0441\u0443, \u0433\u0434\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f \u0438\u043c\u044f \u043d\u0430\u0448\u0435\u0439 \u043d\u043e\u0432\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438.<br>\u0412 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u0443\u044e \u043e\u0431\u043b\u0430\u0441\u0442\u044c, \u043f\u043e \u043a\u043b\u044e\u0447\u0443 callbackName \u043f\u043e\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u0437\u043e\u0432\u0435\u0442\u0441\u044f, \u043f\u0440\u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u043e\u0442 \u0440\u0435\u0441\u0443\u0440\u0441\u0430, \u043e\u043d\u0438 \u0441\u0442\u0430\u043d\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0447\u0435\u0440\u0435\u0437 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>&amp;lt;script src=&#8217;http:\/\/mydomen.com\/news.php?callback0.90428777&#8230;&#8217;&amp;gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0447\u0442\u043e-\u0442\u043e \u0432 \u044d\u0442\u043e\u043c \u0440\u043e\u0434\u0435<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>echo $_REQUEST[callback] + &#8216;(&#8216; + json_encode($arDate) + &#8216;)&#8217;;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0412 window \u043f\u043e\u043f\u0430\u0434\u0435\u0442<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123<\/td><td>window.jsonCallback0.90428777 -&amp;gt; function (response) { console.log(response);}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0422\u0430\u043a \u043a\u0430\u043a \u0442\u0435\u0433\u0438 \u0441 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u043c src \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u043f\u043e\u0441\u044b\u043b\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e GET \u0437\u0430\u043f\u0440\u043e\u0441\u044b, \u0442\u043e jsonp \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 POST<\/p>\n\n\n\n<p>31. \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 CORS?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u042d\u0442\u043e \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0430 jsonp, \u0432 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u043c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u0445 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u044f\u044e\u0442\u0441\u044f \u00ab\u0434\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435\u00bb \u0440\u0435\u0441\u0443\u0440\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u043e\u0442 \u043d\u0435\u0433\u043e, \u0430 \u0435\u0441\u043b\u0438 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u2018*\u2019, \u0442\u043e \u043b\u044e\u0431\u044b\u0435 \u0441\u0430\u0439\u0442\u044b, \u043f\u0440\u0438 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435, \u0441\u0442\u0430\u043d\u0443\u0442 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435.<br>\u0422\u0430\u043a \u0436\u0435 \u043a\u0430\u043a \u0438 \u0441 jsonp \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e GET \u0437\u0430\u043f\u0440\u043e\u0441\u044b.<\/p>\n\n\n\n<p>\u041a\u043e\u0433\u0434\u0430 \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0430 \u043f\u0440\u043e \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u0443 jsonp \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e\u0435\u0440 \u043e\u0442 \u044d\u0442\u043e\u0433\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442 \u00ab\u043e\u0442\u043c\u0430\u0445\u043d\u0443\u043b\u0441\u044f\u00bb, \u0441\u043a\u0430\u0437\u0430\u0432, \u0447\u0442\u043e \u043d\u0435 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439. \u042f \u0441 \u043d\u0438\u043c \u043d\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u0430. JSONP \u043b\u0435\u0433\u0447\u0435 \u043f\u043e\u0434\u043c\u0435\u043d\u0438\u0442\u044c, \u0447\u0435\u043c CORS-\u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>&amp;lt;script src=&#8221;http:\/\/bla-bla\/get?callback=f&#8217;&amp;gt;&amp;lt;\/script&amp;gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>&amp;lt;? echo $GET[&#8216;callback&#8217;].'(&#8216;.$date.&#8217;)&#8217;;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0412 date \u043f\u043e\u0434\u043f\u0438\u0445\u043d\u0443\u0442\u044c \u0432\u0443\u0442 \u0442\u0430\u043a\u0443\u044e \u0441\u0442\u0440\u043e\u0447\u043a\u0443<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>&#8216;);alert(document.cookie);&#8217;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0417\u0430 \u043c\u0435\u0441\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0445 \u043c\u043e\u0436\u043d\u043e \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u043a\u0430\u043a\u043e\u0439-\u0442\u043e \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0437\u0430\u043a\u0440\u043e\u0435\u0442 \u0432\u044b\u0437\u043e\u0432 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0441\u044f \u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f.<br>\u0421\u0435\u0439\u0447\u0430\u0441 \u0443\u0436\u0435 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0438, \u043d\u043e \u0440\u0430\u043d\u044c\u0448\u0435 \u043d\u0430\u0431\u043b\u044e\u0434\u0430\u043b\u0430\u0441\u044c \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u044c \u0432 json-\u0435, \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0441\u0438\u043c\u0432\u043e\u043b\u0430 \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u0430 \u0441\u0442\u0440\u043e\u043a\u0438 \u043e\u043d \u043f\u043e\u0434\u043b\u0430\u043c\u044b\u0432\u0430\u043b\u0441\u044f.<\/p>\n\n\n\n<p>32. \u0423\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.<br><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>1 \u043c\u0438\u043d\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438 \u0441\u043a\u043b\u0435\u0438\u0442\u044c \u0432 \u043e\u0434\u0438\u043d \u0432\u0441\u0435 js-\u0444\u0430\u0439\u043b\u044b<br>2 \u0442\u043e \u0436\u0435 \u0438 \u0441 css<br>3 \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u0441\u043f\u0440\u0430\u0439\u0442\u044b<br>4 \u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<br>\u0430) \u0444\u0430\u0439\u043b\u044b js \u0438 css \u043a\u0435\u0448\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u043d\u0430\u0432\u0441\u0435\u0433\u0434\u0430( \u0438\u043b\u0438 \u043d\u0430 \u0434\u043b\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043f\u0435\u0440\u0438\u043e\u0434, \u043a \u043f\u0440\u0438\u043c\u0435\u0440\u0443 \u043d\u0430 \u0433\u043e\u0434), \u043a\u043e\u0433\u0434\u0430 \u0432 \u043d\u0438\u0445 \u0432\u043d\u043e\u0441\u044f\u0442\u0441\u044f \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438, \u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043d\u043e\u043c\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0438, \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0441\u0447\u0438\u0442\u0430\u0435\u0442, \u0447\u0442\u043e \u044d\u0442\u043e \u043d\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0438 \u0437\u0430\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0438\u0445. \u0412\u0440\u0435\u043c\u044f \u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0432 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0435 expires.<br>\u0431) \u0444\u0430\u0439\u043b \u043a\u0435\u0448\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0434\u043e \u0442\u0435\u0445 \u043f\u043e\u0440, \u043f\u043e\u043a\u0430 \u0432 \u043d\u0435\u043c \u043d\u0435 \u043f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f. \u041a\u043e\u0433\u0434\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0437 \u0437\u0430\u0445\u043e\u0434\u0438\u0442 \u043d\u0430 \u0441\u0430\u0439\u0442, \u0443 \u043d\u0435\u0433\u043e \u0435\u0449\u0435 \u043d\u0435\u0442 \u043a\u0435\u0448\u0430, \u0444\u0430\u0439\u043b\u044b \u0437\u0430\u043a\u0430\u0447\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0438 \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0430\u0437, \u043a\u043e\u0433\u0434\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043e\u0431\u043c\u0435\u043d \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0430\u043d\u0430\u043b\u0438\u0437 ETag(\u0445\u0435\u0448 \u0441\u0443\u043c\u043c\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430 \u0438\u043b\u0438 \u0445\u0435\u0448 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f, \u0438\u043b\u0438 \u043d\u043e\u043c\u0435\u0440 \u0432\u0435\u0440\u0441\u0438\u0438) \u0415\u0441\u043b\u0438 \u043e\u043d \u0438\u0437\u043c\u0435\u043d\u0438\u043b\u0441\u044f, \u0442\u043e \u0437\u0430\u043a\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435, \u0431\u0435\u0440\u0435\u0442\u0441\u044f \u0438\u0437 \u0445\u0435\u0448\u0430.<br>\u0422\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u0440\u0430\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u0441 \u0434\u0430\u0442\u043e\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u0439 \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438(Last_Modifed), \u043d\u043e \u044d\u0442\u043e \u043c\u0435\u043d\u0435\u0435 \u043d\u0430\u0434\u0435\u0436\u043d\u043e.<br>\u0432) \u043c\u043e\u0436\u043d\u043e \u0441\u0436\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439, \u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0430 \u0432 nginx. \u041f\u0440\u0438\u043c\u0435\u0440. Content-Encoding: gzip<br>\u0433) \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u0431\u0438\u0442\u044c js \u043d\u0430 \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u043d\u0430 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u043f\u043e \u043c\u0435\u0440\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438.<\/p>\n\n\n\n<p>\u041c\u043e\u0436\u043d\u043e \u043d\u0430\u0439\u0442\u0438 \u0435\u0449\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e, \u043d\u043e \u043e\u043d\u0438 \u043c\u0435\u043d\u0435\u0435 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b \u0438\u043b\u0438 \u0443\u0441\u0442\u0430\u0440\u0435\u043b\u0438.<\/p>\n\n\n\n<p>33. CommonJS \u0438 AMD \u0438\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u044c?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041e\u0434\u0438\u043d \u043f\u0440\u0438\u043d\u0446\u0438\u043f \u0430\u0440\u0445\u0435\u0442\u0435\u043a\u0442\u0440\u044b \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0435\u043d, \u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0435\u043d. \u0412 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043f\u0440\u0438\u043c\u0435\u0440\u0430 \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0438\u0432\u0435\u0441\u0442\u0438 RequaerJs, \u043f\u043e \u043e\u0434\u043d\u043e\u043c\u0443 \u0435\u0433\u043e \u0432\u0438\u0434\u0443 \u043c\u043e\u0436\u043d\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u043e\u043d \u0430\u0441\u0438\u043d\u0445\u0440\u043e\u043d\u0435\u043d<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td>define([&nbsp;&nbsp;mod1,&nbsp;&nbsp;mod2,&nbsp;&nbsp;mod3], function (Mod1, Mod2, Mod3) {&nbsp;&nbsp;new Mod1();&nbsp;&nbsp;&#8230;.});<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>define \u2014 \u0444\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u043e\u0441\u0442\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u0432\u0441\u0435, \u0447\u0442\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0437\u0430 \u0435\u0435 \u043f\u0440\u0438\u0434\u0435\u043b\u0430\u043c\u0438 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c\u0441\u044f \u0431\u0435\u0437 \u043e\u0433\u043b\u044f\u0434\u043a\u0438 \u043d\u0430 \u0442\u043e, \u0447\u0442\u043e \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0432 define, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u043e\u0434\u043d\u0438\u043c \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u043e\u043c \u0438\u0434\u0435\u0442 callbeck-\u0444\u0443\u043d\u043a\u0446\u0438\u044f. \u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0434\u0433\u0440\u0443\u0437\u044f\u0442\u0441\u044f \u0432\u0441\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438, \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u044b\u0435 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432\u0435, \u0442\u0430\u043a \u043e\u043d\u0438 \u0441\u0442\u0430\u043d\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432\u043d\u0443\u0442\u0440\u0438 \u0447\u0435\u0440\u0435\u0437 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b callbeck-\u0444\u0443\u043d\u043a\u0446\u0438\u0438.<br>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043c\u043e\u0434\u0443\u043b\u0435\u0439 \u0432 Node.Js \u043d\u0430\u043e\u0431\u043e\u0440\u043e\u0442 \u0441\u0438\u043d\u0445\u0440\u043e\u043d\u043d\u0430. \u041c\u044b \u043f\u0438\u0448\u0435\u043c:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>var mod = requaer(&#8216;modul&#8217;);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0438 \u0441\u0440\u0430\u0437\u0443 \u043d\u0438\u0436\u0435 \u0441 mod \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c, \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u043f\u043e\u043a\u0430 \u043c\u043e\u0434\u0443\u043b\u044c \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0441\u044f<\/p>\n\n\n\n<p>34. \u0415\u0449\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440. \u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0442\u043e\u0434\u044b seven, plus, one, five, minus, two. seven(plus(one())) -&gt; 8. five(minus(two())) -&gt; 3<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u041d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0435\u0448\u0430\u0442\u044c \u0442\u0430\u043a:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112131415161718192021<\/td><td>function one(arg){&nbsp;&nbsp;if (typeof arg === &#8216;function&#8217;) {&nbsp;&nbsp;&nbsp;&nbsp;return arg(1);&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;return 1;&nbsp;&nbsp;}}&nbsp;function seven(arg) {&nbsp;&nbsp;if (typeof arg === &#8216;function&#8217;) {&nbsp;&nbsp;&nbsp;&nbsp;return arg(7);&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;return 7;&nbsp;&nbsp;}}&nbsp;function plus(arg) {&nbsp;&nbsp;return function (a) {&nbsp;&nbsp;&nbsp;&nbsp;return a + arg;&nbsp;&nbsp;}}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0410\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u043e \u043f\u0438\u0448\u0443\u0442\u0441\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0434\u043b\u044f five, minus, two. \u0423\u0436\u0435 \u0434\u043e\u043c\u0430, \u043f\u043e\u0440\u0430\u0437\u043c\u044b\u0448\u043b\u044f\u0432 \u0432 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e\u0439 \u043e\u0431\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0435, \u043f\u043e\u044f\u0432\u0438\u043b\u043e\u0441\u044c \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011121314151617181920212223<\/td><td>function one(arg) {&nbsp;&nbsp;return 1 + (arg || 0);}&nbsp;function two(arg) {&nbsp;&nbsp;return 2 + (arg || 0);}&nbsp;function five(arg) {&nbsp;&nbsp;return 5 + (arg || 0);}&nbsp;function seven(arg) {&nbsp;&nbsp;return 7 + (arg || 0);}&nbsp;function plus(arg) {&nbsp;&nbsp;return arg;}&nbsp;function minus(arg) {&nbsp;&nbsp;return -arg;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>35. \u0421\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u0443\u0437\u044b\u0440\u044c\u043a\u043e\u043c.<\/p>\n\n\n\n<p>\u0414\u0430, \u0434\u0430, \u0435\u0435 \u0435\u0449\u0435 \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u044e\u0442.<br><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789101112<\/td><td>var m = [1, 7, 5, 13, 8],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;count = m.length &#8211; 1,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max;for (var i = 0; i &amp;lt; count; i++) {&nbsp;&nbsp;&nbsp;&nbsp;for (var j = 0; j &amp;lt; count &#8211; i; j++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (m[j] &amp;gt; m[j + 1]) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max = m[j];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;m[j] = m[j + 1];&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;m[j + 1] = max;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>36. \u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u043f\u043e\u043b\u044c\u0441\u043a\u0430\u044f \u043d\u043e\u0442\u0430\u0446\u0438\u044f.<\/p>\n\n\n\n<p>\u041e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043f\u0440\u0438\u043d\u0446\u0438\u043f. \u0414\u0430\u043d\u0430 \u0441\u0442\u0440\u043e\u0447\u043a\u0430 23+1-, \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0434\u0432\u0438\u0433\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u043d\u0435\u0439, \u043a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0445\u043e\u0434\u0438\u043c \u0434\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0430\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0437\u043d\u0430\u043a\u0430, \u0431\u0435\u0440\u0435\u043c \u0434\u0432\u0435 \u0446\u0438\u0444\u0440\u044b \u043f\u0435\u0440\u0435\u0434 \u043d\u0438\u043c \u0438 \u043d\u0430 \u0438\u0445 \u043c\u0435\u0441\u0442\u043e, \u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f. \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f 51-. \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0432\u0441\u0435 \u0441 \u043d\u0430\u0447\u0430\u043b\u0430.<br>\u041a\u043e\u043c\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0432\u043e\u0442 \u0441\u0442\u0430\u0442\u044c\u044f&nbsp;<a href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%9E%D0%B1%D1%80%D0%B0%D1%82%D0%BD%D0%B0%D1%8F_%D0%BF%D0%BE%D0%BB%D1%8C%D1%81%D0%BA%D0%B0%D1%8F_%D0%B7%D0%B0%D0%BF%D0%B8%D1%81%D1%8C\" target=\"_blank\" rel=\"noreferrer noopener\">wikipedia<\/a><br><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213141516171819202122232425262728293031323334353637383940<\/td><td>var notation = &#8217;23+1-&#8216;, notation1 = &#8216;7 2 3 * -&#8216;, notation2 = &#8216;1 2 + 4 * 3 +&#8217;;function getComputation(notation) {&nbsp;&nbsp;&nbsp;&nbsp;var queue = [], tmp, num1, num2;&nbsp;&nbsp;&nbsp;&nbsp;for (var i = 0; i &amp;lt; notation.length; i++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (\/\\d+\/.test(notation[i]) === true) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;queue.push(Number(notation[i]));&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;switch (notation[i]) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case &#8216;+&#8217;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tmp = queue.pop() + queue.pop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;queue.push(tmp);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case &#8216;-&#8216;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;num1 = queue.pop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;num2 = queue.pop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (num1 &amp;gt; num2) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tmp = num1 &#8211; num2;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tmp = num2 &#8211; num1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;queue.push(tmp);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case &#8216;*&#8217;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tmp = queue.pop() * queue.pop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;queue.push(tmp);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case &#8216;\/&#8217;:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tmp = queue.pop() \/ queue.pop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;queue.push(tmp);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;break;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;return queue[0];}console.log(getComputation(notation));console.log(getComputation(notation1));console.log(getComputation(notation2));<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041c\u043d\u0435 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043b\u0438 \u0435\u0435 \u043f\u0440\u0438\u043d\u0446\u0438\u043f, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0442\u043e\u043b\u044c\u043a\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u043c\u0435\u0445\u0430\u043d\u0438\u0437\u043c.<\/p>\n\n\n\n<p>37. \u0415\u0441\u0442\u044c div, \u0432 \u043d\u0435\u043c \u0434\u0440\u0443\u0433\u043e\u0439 div, \u0443 \u0432\u0442\u043e\u0440\u043e\u0433\u043e \u0437\u0430\u0434\u0430\u043d padding 50%, \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u0441\u0435 \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u0442\u044c?<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910<\/td><td>.wrap {&nbsp;&nbsp;width: 200px;&nbsp;&nbsp;border: 1px solid green;}&nbsp;.block {&nbsp;&nbsp;width: 200px;&nbsp;&nbsp;padding-bottom: 50%;&nbsp;&nbsp;border: 1px solid red;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/bookflow.ru\/wp-content\/uploads\/2020\/01\/7_su9nvtvjpiso8o-6mywxlndgi.png\" alt=\"\u0417\u0430\u0434\u0430\u0447\u0438 \u0441 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0439 (front-end)\" class=\"wp-image-15837\"\/><\/figure>\n\n\n\n<p>\u0421\u043e\u0431\u0435\u0441\u0435\u0434\u043d\u0438\u043a \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b \u043c\u043d\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0434\u043e\u043c\u0430 \u043a\u0430\u043a \u043e\u043d\u043e \u0441\u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442, \u0445\u043e\u0442\u044f \u043c\u043d\u0435 \u0441\u0442\u0430\u043b\u043e \u043e\u0447\u0435\u043d\u044c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e.<br>\u041a\u0430\u043a \u0432\u044b \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0435, \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u043b\u0438 \u043d\u0430 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0447\u0430\u0442\u044c \u0441\u0430\u043c\u043e\u043c\u0443 \u043d\u0430 \u0432\u043e\u043f\u0440\u043e\u0441, \u0435\u0441\u043b\u0438 \u043a\u0430\u043d\u0434\u0438\u0434\u0430\u0442 \u0441 \u043d\u0438\u043c \u043d\u0435 \u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0441\u044f?<\/p>\n\n\n\n<p>38. \u0415\u0441\u0442\u044c \u0441\u0442\u0440\u043e\u043a\u0430, \u0441\u043e\u0441\u0442\u043e\u044f\u0449\u0430\u044f \u0438\u0437 \u0440\u0430\u0437\u043d\u044b\u0445 \u0441\u043a\u043e\u0431\u043e\u043a, \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0437\u0430\u043a\u0440\u044b\u0442\u044b \u043b\u0438 \u0432\u0441\u0435. &nbsp;\u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u0442\u0440\u043e\u043a\u0438: \u00ab())({}}{()][][\u00bb<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213141516171819202122232425262728293031323334<\/td><td>function validBraces(str) {&nbsp;&nbsp;&nbsp;var arrOpenSymbols = [],&nbsp;&nbsp;&nbsp;&nbsp;result = false,&nbsp;&nbsp;&nbsp;&nbsp;countOpenSymbols;&nbsp;&nbsp;if (str.length &amp;gt; 0) {&nbsp;&nbsp;&nbsp;&nbsp;for (var i = 0; i &amp;lt; str.length; i++) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (str[i] === &#8216;{&#8216; || str[i] === &#8216;[&#8216; || str[i] === &#8216;(&#8216;) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;arrOpenSymbols.push(str[i]);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;countOpenSymbols = arrOpenSymbols.length;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if ((str[i] === &#8216;}&#8217; &amp;amp;&amp;amp; arrOpenSymbols[(countOpenSymbols-1)] === &#8216;{&#8216;) ||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(str[i] === &#8216;]&#8217; &amp;amp;&amp;amp; arrOpenSymbols[(countOpenSymbols-1)] === &#8216;[&#8216;) ||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(str[i] === &#8216;)&#8217; &amp;amp;&amp;amp; arrOpenSymbols[(countOpenSymbols-1)] === &#8216;(&#8216;)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;arrOpenSymbols.pop();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if (arrOpenSymbols.length === 0) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;result = true;&nbsp;&nbsp;&nbsp;&nbsp;} else {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;result = false;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;}&nbsp;&nbsp;return result;}console.log(&#8221;);console.log(validBraces(&#8216;()&#8217;));console.log(validBraces(&#8216;[)&#8217;));console.log(validBraces(&#8216;{}[]()&#8217;));console.log(validBraces(&#8216;([{}])&#8217;));console.log(validBraces(&#8216;())({}}{()][][&#8216;));<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0415\u0441\u043b\u0438 \u0431\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u043b\u0438\u0441\u044c \u0441\u0442\u0440\u043e\u043a\u0438 \u0438\u0437 \u0441\u043a\u043e\u0431\u043e\u043a \u2018{\u2018, \u2018[\u2018, \u2018]\u2019, \u2018}\u2019<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td>function validBraces(str) {&nbsp;&nbsp;try {&nbsp;&nbsp; eval(str);&nbsp;&nbsp; return true;&nbsp;&nbsp; } catch (err) {&nbsp;&nbsp; return false;&nbsp;&nbsp; }}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>39. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438 \u043a\u043b\u0438\u043a\u0435 \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 div \u0432\u043d\u0443\u0442\u0440\u0438 root \u0431\u0443\u0434\u0435\u0442 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u044c \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u044c \u0435\u0433\u043e id.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td>&amp;lt;div id=&#8221;root&#8221; style=&#8221;background: red;&#8221;&amp;gt;&nbsp;&nbsp;&nbsp;&nbsp;root&nbsp;&nbsp;&nbsp;&nbsp;&amp;lt;span id=&#8221;id1&#8243; style=&#8221;background: lightblue;&#8221;&amp;gt;id1&amp;lt;\/span&amp;gt;&nbsp;&nbsp;&nbsp;&nbsp;&amp;lt;div id=&#8221;id2&#8243; style=&#8221;background: green;&#8221;&amp;gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;id2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&amp;lt;div id=&#8221;id3&#8243; style=&#8221;background: yellow;&#8221;&amp;gt;id3&amp;lt;\/div&amp;gt;&nbsp;&nbsp;&nbsp;&nbsp;&amp;lt;\/div&amp;gt;&amp;lt;\/div&amp;gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234<\/td><td>$(&#8216;#root&#8217;).on(&#8216;click&#8217;, function (event) {&nbsp;&nbsp;&nbsp;&nbsp;event.stopPropogation();&nbsp;&nbsp;&nbsp;&nbsp;console.log($(event.target).attr(&#8216;id&#8217;));})<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>40. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u043a\u043e\u0434, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0434\u0435\u043b\u0430\u0435\u0442 \u0438\u0437 \u043c\u0430\u0441\u0441\u0438\u0432\u0430 \u043e\u0431\u044a\u0435\u043a\u0442<br>\/\/ \u043d\u0430 \u0432\u0445\u043e\u0434\u0435 \u043c\u0430\u0441\u0441\u0438\u0432<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234<\/td><td>var arr = [ {name: &#8216;width&#8217;, value: 10}, {name: &#8216;height&#8217;, value: 20}]<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\/\/ \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043e\u0431\u044a\u0435\u043a\u0442<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>{width: 10, height: 20}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456789<\/td><td>function getObj(arr) {&nbsp;&nbsp;&nbsp;&nbsp;var obj = {};&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;arr.forEach(function(item){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;obj[item.name] = item.value;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return obj;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>41. \u0427\u0442\u043e \u0432\u044b\u0432\u0435\u0434\u0435\u0442\u0441\u044f \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435?<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910111213141516<\/td><td>var i = 10;var array = [];&nbsp;while (i&#8211;) {&nbsp;&nbsp;&nbsp;&nbsp;(function (i) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var i = i;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;array.push(function() {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return i + i;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;&nbsp;&nbsp;})(i);}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;console.log([&nbsp;&nbsp;&nbsp;&nbsp;array[0](),&nbsp;&nbsp;&nbsp;&nbsp;array[1](),])<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>[18, 16], \u0442\u0430\u043a \u043a\u0430\u043a \u0437\u0430 \u0441\u0447\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u0438<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>(function (i) {})(i);<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0435, var i = i \u2014 \u0443\u0436\u0435 \u043f\u0440\u0438\u043d\u0430\u0434\u043b\u0435\u0436\u0430\u0442 \u043e\u0431\u043b\u0430\u0441\u0442\u044f\u043c \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u044f\u0445.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1<\/td><td>function() { return i + i; }<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0432 \u043d\u0430\u0447\u0430\u043b\u0435 \u043f\u043e\u0438\u0449\u0435\u0442 \u0432 \u0441\u0432\u043e\u0435\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 i, \u043d\u0435 \u043d\u0430\u0439\u0434\u044f, \u043f\u043e\u0434\u044b\u043c\u0435\u0442\u0441\u044f \u043d\u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u044b\u0448\u0435 \u0438 \u0442\u0430\u043c \u043d\u0430\u0439\u0434\u0435\u0442 \u0435\u0433\u043e. \u0418\u0437 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u0432\u0435\u0440\u043d\u0435\u0442\u0441\u044f \u0441\u0443\u043c\u043c\u0430, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0430 \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c.<\/p>\n\n\n\n<p>42. \u0415\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0438 \u043e\u0431\u044a\u0435\u043a\u0442. \u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0441\u0435 \u0438\u0437\u0432\u0435\u0441\u0442\u043d\u044b\u0435 \u0432\u0430\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u044b, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0432\u0435\u0441\u0442\u0438 \u0432 \u043a\u043e\u043d\u0441\u043e\u043b\u0438 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 x \u0438\u0437 \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044e<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12<\/td><td>function f() { console.log(this.x); }var obj = {x: &#8216;bar&#8217;};<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678<\/td><td>f.call(obj, a, b);f.apply(obj, [a, b]);&nbsp;obj.funk = function f() { console.log(this.x); }obj.funk();&nbsp;function f() { console.log(this.x); }.bind(obj, a, b);f();<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>43.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011121314151617<\/td><td>function Book() {&nbsp;&nbsp;&nbsp;&nbsp;this.name = &#8216;foo&#8217;}&nbsp;Book.prototype = {&nbsp;&nbsp;&nbsp;&nbsp;getName: function() {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return this.name;&nbsp;&nbsp;&nbsp;&nbsp;}};&nbsp;var book = new Book();&nbsp;Book.prototype.getUpperName = function() {&nbsp;&nbsp;&nbsp;&nbsp;return this.getName().toUpperCase();}&nbsp;book.getUpperName();<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u0427\u0442\u043e \u0432\u0435\u0440\u043d\u0435\u0442 \u043c\u0435\u0442\u043e\u0434?<br>\u0430) \u043e\u0448\u0438\u0431\u043a\u0443, \u0442.\u043a. \u043c\u0435\u0442\u043e\u0434 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d \u043f\u043e\u0437\u0436\u0435, \u0447\u0435\u043c \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430<br>\u0431) \u0432\u0435\u0440\u043d\u0435\u0442\u0441\u044f \u2018FOO\u2019<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u2018FOO\u2019<\/p>\n\n\n\n<p>44. \u0412 js \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c:<br>a=3; b=\u00abhello\u00bb;<br>\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u044b\u0435 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f.<br>\u0430) \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0432 \u043b\u043e\u043a\u0430\u043b\u044c\u043d\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435<br>\u0431) \u0441\u043e\u0437\u0434\u0430\u044e\u0442\u0441\u044f \u0432 \u0433\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u043e\u043c \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435<br>\u0432) \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u0431\u0435\u0437 \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0433\u043e \u0441\u043b\u043e\u0432\u0430 var \u2014 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043e\u0448\u0438\u0431\u043a\u0430.<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0431) \u0438 \u0432)<\/p>\n\n\n\n<p>45. \u0427\u0442\u043e \u0432\u0435\u0440\u043d\u0451\u0442 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u2014 typeof (function(){})()<br>\u0430) callback<br>\u0431) method<br>\u0432) undefined<br>\u0433) function<\/p>\n\n\n\n<p><strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0432)46. \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0435\u0441\u043b\u0438 \u0437\u0430\u0434\u0430\u0442\u044c margin: -10px;<strong>\u041e\u0442\u0432\u0435\u0442<\/strong><a href=\"https:\/\/codepen.io\/anon\/pen\/PejXzG\" target=\"_blank\" rel=\"noreferrer noopener\">\u0421\u0434\u0432\u0438\u043d\u0438\u0442\u0441\u044f \u0432\u0432\u0435\u0440\u0445 \u0438 \u0432\u043b\u0435\u0432\u043e \u043d\u0430 \u0441\u0432\u043e\u0438\u0445 \u0441\u043e\u0441\u0435\u0434\u0435\u0439<\/a><\/p>\n\n\n\n<p>47. \u041f\u043e\u0447\u0435\u043c\u0443 0.1 + 0.2 \u0434\u0430\u0441\u0442 0.30000000000000004<strong>\u041e\u0442\u0432\u0435\u0442<\/strong>\u0421\u0432\u044f\u0437\u0430\u043d\u043e \u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0435\u0441\u044f\u0442\u0438\u0447\u043d\u044b\u0445 \u0447\u0438\u0441\u0435\u043b, \u043d\u0435 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u0445 \u0432\u044b\u0447\u0438\u0441\u043b\u0435\u043d\u0438\u044f.<\/p>\n\n\n\n<p>48. \u041c\u043e\u0435\u043c\u0443 \u043a\u043e\u043b\u043b\u0435\u0433\u0435 \u043d\u0430 \u0434\u043e\u043b\u0436\u043d\u043e\u0441\u0442\u044c php-\u0440\u0430\u0437\u0440\u0430\u0431\u0430, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b\u0438 \u0442\u0430\u043a\u0443\u044e<br>\u0415\u0441\u0442\u044c \u0434\u0432\u0430 \u0431\u043b\u043e\u043a\u0430, \u0432\u0442\u043e\u0440\u043e\u0439 \u0441\u043a\u0440\u044b\u0442\u044b\u0439, \u0435\u0441\u043b\u0438 \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u043d\u0435\u0442 \u0434\u043e\u0447\u0435\u0440\u043d\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432\u0442\u043e\u0440\u043e\u0439.<strong>\u041f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e \u0432\u0430\u0448\u0435\u043c\u0443 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044e \u043c\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>123456<\/td><td>&amp;lt;div class=&#8221;block1&#8243;&amp;gt;&nbsp;&nbsp;&amp;lt;div&amp;gt;&amp;lt;\/div&amp;gt;&amp;lt;\/div&amp;gt;&amp;lt;div class=&#8221;block2&#8243;&amp;gt;&nbsp;&nbsp;&amp;lt;div&amp;gt;&amp;lt;\/div&amp;gt;&amp;lt;\/div&amp;gt;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>1234567891011<\/td><td>.block1 {&nbsp;&nbsp;width: 150px;&nbsp;&nbsp;height: 20px;&nbsp;&nbsp;border: 1px solid red;}.block2 {&nbsp;&nbsp;display: none;&nbsp;&nbsp;width: 100px;&nbsp;&nbsp;height: 50px;&nbsp;&nbsp;border: 1px solid red;}<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12345678910<\/td><td>function showBlock() {&nbsp;&nbsp;var block1 = document.getElementsByClassName(&#8216;block1&#8217;)[0],&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;block2 = document.getElementsByClassName(&#8216;block2&#8217;)[0];&nbsp;&nbsp;if (!(block1.childNodes.length &amp;gt; 0 )) {&nbsp;&nbsp;&nbsp;&nbsp;block2.style.display = &#8216;block&#8217;;&nbsp;&nbsp;}}document.addEventListener(&#8220;DOMContentLoaded&#8221;, function () {&nbsp;&nbsp;showBlock();});<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u041a\u043e\u043d\u0435\u0447\u043d\u043e \u044d\u0442\u043e \u043d\u0435 \u0432\u0441\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043d\u0435 \u0434\u043e\u0432\u0435\u043b\u043e\u0441\u044c \u0440\u0435\u0448\u0430\u0442\u044c, \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u044f \u0431\u043b\u0430\u0433\u043e\u043f\u043e\u043b\u0443\u0447\u043d\u043e \u0437\u0430\u0431\u044b\u043b\u0430, \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0431\u0430\u043d\u0430\u043b\u044c\u043d\u044b\u0435, \u043c\u0430\u0441\u0441\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432, \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430 \u0442\u0435\u043e\u0440\u0438\u044e, \u043e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0437\u0430 \u043a\u0430\u0434\u0440\u043e\u043c.<\/p>\n\n\n\n<h3>\u041f\u0440\u043e\u0447\u0435\u0435<\/h3>\n\n\n\n<p>\u0412\u043e\u0442 \u0435\u0449\u0435 \u043f\u0430\u0440\u043e\u0447\u043a\u0430 \u0432\u043e\u043f\u0440\u043e\u0441\u043e\u0432, \u043e\u043d\u0438 \u043d\u0430 \u043f\u0440\u044f\u043c\u0443\u044e \u043d\u0435 \u043a\u0430\u0441\u0430\u044e\u0442\u0441\u044f \u0444\u0440\u043e\u043d\u0442\u0430, \u043d\u043e, \u043d\u0430\u0432\u0435\u0440\u043d\u043e \u043d\u0435 \u043b\u0438\u0448\u043d\u0435 \u0437\u043d\u0430\u0442\u044c.<br>\u0418\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0432 \u0432\u0430\u0448\u0435\u043c \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435?<br>\u041a\u0430\u043a \u0432\u044b \u0431\u044b \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u043e\u0442\u043a\u0430\u0437\u043e\u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u0439 \u0441\u0430\u0439\u0442?<br>\u041a\u0430\u043a\u0438\u0435 \u0442\u0438\u043f\u044b \u0443\u044f\u0437\u0432\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0437\u043d\u0430\u0435\u0442\u0435?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0422\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c, \u0447\u0442\u043e \u0437\u0430 \u0441\u0432\u043e\u044e \u043a\u0430\u0440\u044c\u0435\u0440\u0443 front-end \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430, \u044f \u043f\u043e\u0431\u044b\u0432\u0430\u043b\u0430 \u043d\u0430 \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u043e\u0431\u0435\u0441\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u044f\u0445.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[132],"tags":[],"_links":{"self":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/1859"}],"collection":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1859"}],"version-history":[{"count":1,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/1859\/revisions"}],"predecessor-version":[{"id":1860,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/1859\/revisions\/1860"}],"wp:attachment":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}