{"id":2489,"date":"2022-08-30T15:43:29","date_gmt":"2022-08-30T15:43:29","guid":{"rendered":"https:\/\/lvboard.infostore.in.ua\/?p=2489"},"modified":"2022-08-30T15:43:29","modified_gmt":"2022-08-30T15:43:29","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-2","status":"publish","type":"post","link":"https:\/\/lvboard.infostore.in.ua\/?p=2489","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

\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\n\n\n\n

\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

\"\u0417\u0430\u0434\u0430\u0447\u0438
\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

\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

\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

\u0417\u0430\u0434\u0430\u0447\u0438<\/h3>\n\n\n\n

\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

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

\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n

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

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.<\/p>\n\n\n\n

\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n

<\/a><\/p>\n\n\n\n

\"\"\/<\/a><\/figure>\n\n\n\n

Ad<\/p>\n\n\n\n

<\/a><\/p>\n\n\n\n

\u0421\u0435\u0440\u0438\u0430\u043b\u044b, \u043a\u0438\u043d\u043e \u0438 \u0422\u0412 \u0432 \u0445\u043e\u0440\u043e\u0448\u0435\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435<\/a><\/p>\n\n\n\n

<\/a><\/p>\n\n\n\n

\u0411\u043e\u043b\u044c\u0448\u0430\u044f \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0444\u0438\u043b\u044c\u043c\u043e\u0432 \u0438 \u0441\u0435\u0440\u0438\u0430\u043b\u043e\u0432. \u0414\u043e\u0441\u0442\u0443\u043f \u043d\u0430 \u043b\u044e\u0431\u043e\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435. \u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c!<\/a><\/p>\n\n\n\n

<\/a><\/p>\n\n\n\n

|\u041f\u0440\u044f\u043c\u043e\u0439 \u044d\u0444\u0438\u0440<\/a>|\u0424\u0438\u043b\u044c\u043c\u044b<\/a>|\u0421\u0435\u0440\u0438\u0430\u043b\u044b<\/a>|\u041d\u043e\u0432\u043e\u0441\u0442\u0438<\/a><\/p>\n\n\n\n

<\/a><\/p>\n\n\n\n

etvnet.com<\/a><\/p>\n\n\n\n

\u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c<\/a><\/p>\n\n\n\n

\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

Number.prototype.plus = function (value) {\n  return this + value;\n}\n\nNumber.prototype.minus = function (value) {\n  return this - value;\n}<\/pre>\n\n\n\n
\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
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
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
Array.prototype.sort = function () {}\nvar t = [2, 1, 22];\nt.sort()<\/pre>\n\n\n\n
\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.
\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.
\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
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
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
function getStr() {\n  return [].slice.call(arguments, 1).join(arguments[0])\n}<\/pre>\n\n\n\n
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.<\/p>\n\n\n\n
https:\/\/googleads.g.doubleclick.net\/pagead\/ads?client=ca-pub-5265008544060842&output=html&h=174&slotname=6021157728&adk=3433315321&adf=1480515428&pi=t.ma~as.6021157728&w=696&fwrn=4&lmt=1661845416&rafmt=11&psa=1&format=696×174&url=https%3A%2F%2Fbookflow.ru%2Fzadachi-s-sobesedovanij-front-end%2F&host=ca-host-pub-2644536267352236&wgl=1&adsid=ChEI8Oq2mAYQpPb39ZG7oZ-_ARI9AMP-b64C9u3ZuCbj65P4UnS3O9lzR6Rru65BWEKmrMAH4SjE9lxLVEUTL9i7t8C02xeVkh_Xfndh_nen8w&uach=WyJXaW5kb3dzIiwiMTAuMC4wIiwieDg2IiwiIiwiMTA0LjAuNTExMi4xMDIiLFtdLGZhbHNlLG51bGwsIjY0IixbWyJDaHJvbWl1bSIsIjEwNC4wLjUxMTIuMTAyIl0sWyIgTm90IEE7QnJhbmQiLCI5OS4wLjAuMCJdLFsiR29vZ2xlIENocm9tZSIsIjEwNC4wLjUxMTIuMTAyIl1dLGZhbHNlXQ..&dt=1661874117719&bpp=19&bdt=1503&idt=2670&shv=r20220825&mjsv=m202208250101&ptt=9&saldr=aa&abxe=1&cookie=ID%3D6254b7b4f08de309-22ea3efe0bce00ed%3AT%3D1661869279%3ART%3D1661869279%3AS%3DALNI_MaBiYpTYk1sQeR5bj6ZqsE5ISm3nQ&gpic=UID%3D00000b0c5f40ddf1%3AT%3D1661869279%3ART%3D1661869279%3AS%3DALNI_MZCW_815_EfxzOeVsNcLJxKmFxr6w&prev_fmts=0x0%2C1164x280%2C324x250%2C324x250%2C324x67%2C324x83%2C728x90&nras=6&correlator=6396030324705&frm=20&pv=1&ga_vid=1432343644.1661874120&ga_sid=1661874120&ga_hid=518494240&ga_fc=0&rplot=4&u_tz=180&u_his=1&u_h=768&u_w=1366&u_ah=728&u_aw=1366&u_cd=24&u_sd=1&dmc=2&adx=141&ady=3476&biw=1349&bih=625&scr_x=0&scr_y=1056&eid=44759875%2C44759926%2C44759837%2C44770149%2C31067826%2C31064018&oid=2&pvsid=1542737651648482&tmod=1802066350&uas=3&nvt=1&eae=0&fc=1920&brdim=0%2C0%2C0%2C0%2C1366%2C0%2C1366%2C728%2C1366%2C625&vis=1&rsz=%7C%7CoeEbr%7C&abl=CS&pfx=0&fu=128&bc=31&jar=2022-08-30-13&ifi=3&uci=a!3&btvi=5&fsb=1&xpc=bXLgZb7sAH&p=https%3A\/\/bookflow.ru&dtd=24944<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
\u0420\u0435\u043a\u0443\u0440\u0441\u0438\u044f.<\/p>\n\n\n\n
var sum = 0;\n\nfunction getSum(obj) {\n  sum += obj.valueNode;\n  if (obj.next != null) {\n    for (var i = 0; i < obj.next.length; i++) {\n      getSum(obj.next[i]);\n    }\n  }\n\n  return sum;\n}\n\nvar tree1 = {\n        valueNode: 1,\n        next: [\n          {\n            valueNode: 3,\n            next: null\n          },\n          {\n            valueNode: 2,\n            next: null\n          }\n        ]\n      } \n\nvar tree = {\n  valueNode: 3,\n  next: [{\n        valueNode: 1,\n        next: null\n      },\n      {\n        valueNode: 3,\n        next: null\n      },\n      {\n        valueNode: 2,\n        next: null\n      },\n      {\n        valueNode: 2,\n        next: [\n          {\n            valueNode: 1,\n            next: null\n          },\n          {\n            valueNode: 5,\n            next: null\n          }\n        ]\n      }]\n};\nconsole.log(getSum(tree1));\nsum = 0;\nconsole.log(getSum(tree));<\/pre>\n\n\n\n
\u041e\u0447\u0435\u0440\u0435\u0434\u044c.<\/p>\n\n\n\n
function getSum(obj) {\n  var arr = [obj],\n    sum = 0,\n    current;\n\n  while(arr.length > 0) {\n    current = arr.shift();\n    sum += current.valueNode;\n\n    if (current.next != null) {\n      for (var i = 0; i < current.next.length; i++) {\n        arr.push(current.next[i]);\n      }\n    }\n  }\n\n  return sum;\n}\n\nvar tree = {\n  valueNode: 3,\n  next: [{\n        valueNode: 1,\n        next: null\n      },\n      {\n        valueNode: 3,\n        next: null\n      },\n      {\n        valueNode: 2,\n        next: null\n      },\n      {\n        valueNode: 2,\n        next: [\n          {\n            valueNode: 1,\n            next: null\n          },\n          {\n            valueNode: 5,\n            next: null\n          }\n        ]\n      }]\n};\ngetSum(tree)<\/pre>\n\n\n\n
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?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
\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
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
\"\u0417\u0430\u0434\u0430\u0447\u0438<\/figure>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\u0442\u0430\u043a<\/a> \u0438\u043b\u0438 \u0442\u0430\u043a<\/a><\/p>\n\n\n\n
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)?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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.
\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
9. \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0440\u0435\u0441\u0435\u0442 \u0441\u0442\u0438\u043b\u0435\u0439?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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.
\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
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
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
body {\n  overflow: hidden;\n}\n\n.wrap {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  background-color: rgba(230, 230, 230, .1);\n}\n\n.popup {\n  position: absolute;\n  width: 400px;\n  height: 300px;\n  right: 0;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  margin: auto;\n}<\/pre>\n\n\n\n
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
\"\u0417\u0430\u0434\u0430\u0447\u0438<\/figure>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
width: 100px;\nheight: 100px;\nborder-right: 1px solid #f00;\nborder-radius: 0 50% 50% 0;<\/pre>\n\n\n\n
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.<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
var arr = [{date: '10.01.2017'}, {date: '05.11.2016'}, {date: '21.13.2002'}];\n\narr.forEach(function(item) {\n  var arrDate = item.date.split('.'),\n      date = new Date(Number(arrDate[2]), Number(arrDate[1]), Number(arrDate[0]));\n      item.time = date.getTime();\n});\n\narr.sort(function (a, b) {\n  if (a.time - b.time < 0) {\n        return false;\n      } else {\n        return true;\n      }\n});\n\nvar res = arr.map(function (item) {\n  return {date: item.date};\n});\n\nconsole.log(res);<\/pre>\n\n\n\n
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)
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
var arr = ['kot', 'tok', 'okt'],\n  arr1 = ['kot', 'tok', 'ott'];\n\nfunction sameWords(arr) {\n  var word1, word2;\n  \n  for (var i = 0; i < arr.length-1; i++) {\n    word1 = 0;\n    word2 = 0;\n    \n    if (arr[i].length !== arr[i+1].length) {\n        return false;   \n    } else {\n      for (var j = 0; j < arr[i].length; j++) {\n        word1 += arr[i][j].charCodeAt(0);\n        word2 += arr[i+1][j].charCodeAt(0);\n      }\n      \n      if (word1 !== word2) {\n        return false;\n      }\n    }      \n  }\n  \n  return true;\n}\n\nconsole.log(sameWords(arr));\nconsole.log(sameWords(arr1));<\/pre>\n\n\n\n
\u041f\u0440\u043e \u043f\u0440\u043e\u043c\u0438\u0441\u044b<\/h3>\n\n\n\n
\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)<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
var promis = new Promise(function (resolve, reject) {\n  ...\n  setTimeout(function () {\n    resolve(res);\n  }, 5000);\n});<\/pre>\n\n\n\n
\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
var promisesImages = [];\n\nfor (let i = 0; i < count; i++) {\n    promisesImages.push(new Promise((resolveImg, rejectImg) => {\n        let img =  new Image(),\n            startTime = Date.now();\n\n        img.src = this.imgUrl + '?' + Math.floor(Math.random() * 100000000);\n\n        img.onload = () => {\n            resolveImg(Date.now() - startTime);\n        };\n        img.onerror = rejectImg;\n    }));\n}\n\nPromise.all(promisesImages)\n    .then((timings) => {...})<\/pre>\n\n\n\n
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.
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
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?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\u041d\u0435\u0442<\/p>\n\n\n\n
\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?
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
function test() {\n  return new Promise(function (resolve) {\n    setTimeout (function () {\n      resolve(1);\n    })\n  })\n}\n\nasync function test1() {\n  var res = await test();\n  console.log(res + 1);\n}<\/pre>\n\n\n\n
\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
(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
console.log(1);\nsetTimeout(function() {\n  console.log(2);\n}, 0)\nconsole.log(3);<\/pre>\n\n\n\n
\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
\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
(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<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
\u041a\u0443\u0434\u0430 \u0436\u0435 \u0431\u0435\u0437 \u0437\u0430\u043c\u044b\u043a\u0430\u043d\u0438\u0439<\/h3>\n\n\n\n
\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(\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
for (var i = 0; i < 10; i++) {\n  setTimeout(function () {\n    console.log(i);\n  }, 100);\n}<\/pre>\n\n\n\n
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)?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
for (var i = 0; i < 10; i++) {\n  (function (i) {\n    setTimeout(function () {\n      console.log(i);\n    }, 100);\n  })(i)\n}<\/pre>\n\n\n\n
\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
for (var i = 0; i < 10; i++) {\n  setTimeout(function (i) {\n    console.log(i);\n  }.bind(this, i), 100);\n}<\/pre>\n\n\n\n
\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
for (var i = 0; i < 10; i++) {\n  setTimeout(function (i) {\n    console.log(i);\n  }, 100, i);\n}<\/pre>\n\n\n\n
es6<\/p>\n\n\n\n
for (let i = 0; i < 10; i++) {\n  setTimeout(function () {\n    console.log(i);\n  }, 100);\n}<\/pre>\n\n\n\n
\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
\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
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.<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
var zero = [].length,\n     one = [{}].length,\n     two = [,,].length,\n    seven = [,,,,,,,].length;\n\nconsole.log(String.fromCharCode(Number(String(seven) + String(two))));<\/pre>\n\n\n\n
\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
(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.<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
\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
var sum = 101*50,\n     sumArr = eval([4, 2, ... 3, 7].join('+').replace('++', '+')),\n     res;\nres = sum-sumArr;<\/pre>\n\n\n\n
\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<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
eval([4, 2, ... 3, 7].join('+')<\/pre>\n\n\n\n
\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
(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
function Book(name, author) {\n    this.name = name;\n    this.author = author;\n    return this;\n}\n\nfunction Foo(Book, '\u0423\u0447\u0435\u0431\u043d\u0438\u043a javascript', '\u041f\u0435\u0442\u0440 \u0421\u0435\u0440\u0433\u0435\u0435\u0432')<\/pre>\n\n\n\n
\u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c Foo<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
function Book(name, author) {\n    this.name = name;\n    this.author = author;\n    return this;\n} \n\nfunction Foo(Cclass, name, author) {\n  return Object.create(Cclass.prototype);\n}\n\nvar book = Foo(Book, 'js', 'petr');\n\nconsole.log(book.name); -> undefined<\/pre>\n\n\n\n
\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.
\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
function Book(name, author) {\n    this.name = name;\n    this.author = author;\n    return this;\n}\n\nfunction Foo(Cclass, name, author) {\n    return Cclass.call({}, name, author);\n}\n\nvar book = Foo(Book, 'js', 'petr');\nconsole.log(book.name);<\/pre>\n\n\n\n
\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
\u0417\u0430\u0434\u0430\u0447\u0430 \u043f\u0440\u043e \u043f\u0430\u043b\u0438\u043d\u0434\u0440\u043e\u043c<\/h3>\n\n\n\n
(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
function isPalindrom1(str) {\n    if (str.toLowerCase().replace(\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/g, '') === str.toLowerCase().replace(\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/g, \n    '').split('').reverse().join('')) {\n        return true;\n     } else {\n        return false;\n     }\n}<\/pre>\n\n\n\n
\u041a\u0440\u0430\u0441\u0438\u0432\u043e, \u043f\u0440\u043e\u0441\u0442\u043e, \u0438\u0437\u044f\u0449\u043d\u043e.<\/p>\n\n\n\n
\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
\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
function isPalindrom(str) {\n    var str = str.toLowerCase(),\n          lim = str.length - 1,\n          i = 0,\n          j = str.length - 1;\n\n    while (i <= lim) {\n        if (\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/.test(str[i])) {\n            i += 1;\n        }\n        if (\/[^\u0430-\u044f\u0410-\u042f\u0451\u0401]\/.test(str[j])) {\n            j -= 1;\n        }\n        if (str[i] != str[j]) {\n            return false;\n        }\n        i += 1;\n        j -= 1;\n   }\n   return true;\n}\nconsole.log(isPalindrom('\u0410 \u0440\u043e\u0437\u0430 \u0443\u043f\u0430\u043b\u0430 \u043d\u0430 \u043b\u0430\u043f\u0443 \u0410\u0437\u043e\u0440\u0430'));<\/pre>\n\n\n\n
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?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\u041c\u043e\u0436\u043d\u043e \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0433\u043e\u0432<\/p>\n\n\n\n
<script><\/script>\n<style><\/style><\/pre>\n\n\n\n
\u043f\u0440\u044f\u043c\u043e \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0438\u043b\u0438<\/p>\n\n\n\n
<script src=\"script.js\"><script>\n<link rel=\"stylesheet\" href=\"\/css\/style.css\"><\/pre>\n\n\n\n
\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
\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.
\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
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?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
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.
\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.
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.
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
\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
28. \u0420\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e f: f(2, 3) -> 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
function f(a, b) {\n \tif (b !== undefined) {\n \t\treturn a + b;\n \t} else {\n \treturn function (b) {\n \t\treturn a + b;\n \t\t}\n \t}\n }<\/pre>\n\n\n\n
\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
\u0411\u043e\u043b\u0435\u0435 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442.
f(1)(2)(3)() -> 6, f(0)(3)(1)(5)() -> 8<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
function f(arg) {\n  var value = arg;\n\n  return function (arg) {\n    if (arg !== undefined) {\n      return f(value + arg);\n    } else {\n    return value;\n    }\n  }\n}<\/pre>\n\n\n\n
\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
foo(1)(2)(3) -> 6
foo(1)(2)(3)(4) -> 10
foo(-1)(2)(3)(4)(7) -> 15
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
\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.<\/p>\n\n\n\n
\u0412 \u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c<\/strong><\/p>\n\n\n\n
function foo(value) {\n  var acc = value;\n  function addNext(next) {\n    acc += next;\n    return addNext;\n  }\n  addNext.toString = addNext.valueOf = function() {\n    return acc;\n  }\n  return addNext;\n}<\/pre>\n\n\n\n
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<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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.
\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
30. JSONP, \u043a\u0430\u043a \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u0442\u044c<\/h3>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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.
\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.
\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.
\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
var url = 'http:\/\/mydomen.com\/news.php',\n    script = document.createElement('script'),\n    callbackName = 'jsonCallback' + Math.randome();\n\n  script.src = url + '?callback' + callbackName;\n  window[callbackName] = function(response){\n    console.log(response);\n  }\n\n  document.header.appendChild(script);<\/pre>\n\n\n\n
\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.
\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
<script src='http:\/\/mydomen.com\/news.php?callback0.90428777...'><\/pre>\n\n\n\n
\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
echo $_REQUEST[callback] + '(' + json_encode($arDate) + ')';<\/pre>\n\n\n\n
\u0412 window \u043f\u043e\u043f\u0430\u0434\u0435\u0442<\/p>\n\n\n\n
window.jsonCallback0.90428777 -> function (response) {\n\tconsole.log(response);\n}<\/pre>\n\n\n\n
\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
31. \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 CORS?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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.
\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
\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
<script src=\"http:\/\/bla-bla\/get?callback=f'><\/script><\/pre>\n\n\n\n
<? echo $GET['callback'].'('.$date.')';<\/pre>\n\n\n\n
\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
');alert(document.cookie);'<\/pre>\n\n\n\n
\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.
\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
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.
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
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
2 \u0442\u043e \u0436\u0435 \u0438 \u0441 css
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
4 \u043a\u0435\u0448\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435
\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.
\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.
\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.
\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
\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
\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
33. CommonJS \u0438 AMD \u0438\u043b\u0438 \u043c\u043e\u0434\u0443\u043b\u044c\u043d\u043e\u0441\u0442\u044c?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
define([\n  mod1,\n  mod2,\n  mod3\n], function (Mod1, Mod2, Mod3) {\n  new Mod1();\n  ....\n});<\/pre>\n\n\n\n
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.
\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
var mod = requaer('modul');<\/pre>\n\n\n\n
\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
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())) -> 8. five(minus(two())) -> 3<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
function one(arg){\n  if (typeof arg === 'function') {\n    return arg(1);\n  } else {\n    return 1;\n  }\n}\n\nfunction seven(arg) {\n  if (typeof arg === 'function') {\n    return arg(7);\n  } else {\n    return 7;\n  }\n}\n\nfunction plus(arg) {\n  return function (a) {\n    return a + arg;\n  }\n}<\/pre>\n\n\n\n
\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
function one(arg) {\n  return 1 + (arg || 0);\n}\n\nfunction two(arg) {\n  return 2 + (arg || 0);\n}\n\nfunction five(arg) {\n  return 5 + (arg || 0);\n}\n\nfunction seven(arg) {\n  return 7 + (arg || 0);\n}\n\nfunction plus(arg) {\n  return arg;\n}\n\nfunction minus(arg) {\n  return -arg;\n}<\/pre>\n\n\n\n
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
\u0414\u0430, \u0434\u0430, \u0435\u0435 \u0435\u0449\u0435 \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u044e\u0442.
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
var m = [1, 7, 5, 13, 8],\n      count = m.length - 1,\n      max;\nfor (var i = 0; i < count; i++) {\n    for (var j = 0; j < count - i; j++) {\n        if (m[j] > m[j + 1]) {\n            max = m[j];\n            m[j] = m[j + 1];\n            m[j + 1] = max;\n        }\n    }\n}<\/pre>\n\n\n\n
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
\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.
\u041a\u043e\u043c\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u0432\u043e\u0442 \u0441\u0442\u0430\u0442\u044c\u044f wikipedia<\/a>
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
var notation = '23+1-', notation1 = '7 2 3 * -', notation2 = '1 2 + 4 * 3 +';\nfunction getComputation(notation) {\n    var queue = [], tmp, num1, num2;\n    for (var i = 0; i < notation.length; i++) {\n        if (\/\\d+\/.test(notation[i]) === true) {\n            queue.push(Number(notation[i]));\n        }\n        else {\n            switch (notation[i]) {\n                case '+':\n                    tmp = queue.pop() + queue.pop();\n                    queue.push(tmp);\n                    break;\n                case '-':\n                    num1 = queue.pop();\n                    num2 = queue.pop();\n                    if (num1 > num2) {\n                        tmp = num1 - num2;\n                    }\n                    else {\n                        tmp = num2 - num1;\n                    }\n                    queue.push(tmp);\n                    break;\n                case '*':\n                    tmp = queue.pop() * queue.pop();\n                    queue.push(tmp);\n                    break;\n                case '\/':\n                    tmp = queue.pop() \/ queue.pop();\n                    queue.push(tmp);\n                    break;\n            }\n        }\n    }\n    return queue[0];\n}\nconsole.log(getComputation(notation));\nconsole.log(getComputation(notation1));\nconsole.log(getComputation(notation2));<\/pre>\n\n\n\n
\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
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?<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
.wrap {\n  width: 200px;\n  border: 1px solid green;\n}\n\n.block {\n  width: 200px;\n  padding-bottom: 50%;\n  border: 1px solid red;\n}<\/pre>\n\n\n\n
\"\u0417\u0430\u0434\u0430\u0447\u0438<\/figure>\n\n\n\n
\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.
\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
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.  \u041f\u0440\u0438\u043c\u0435\u0440 \u0441\u0442\u0440\u043e\u043a\u0438: \u00ab())({}}{()][][\u00bb<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
function validBraces(str) {\n\n  var arrOpenSymbols = [],\n    result = false,\n    countOpenSymbols;\n  if (str.length > 0) {\n    for (var i = 0; i < str.length; i++) {\n      if (str[i] === '{' || str[i] === '[' || str[i] === '(') {\n        arrOpenSymbols.push(str[i]);\n      } else {\n        countOpenSymbols = arrOpenSymbols.length;\n        if ((str[i] === '}' && arrOpenSymbols[(countOpenSymbols-1)] === '{') ||\n          (str[i] === ']' && arrOpenSymbols[(countOpenSymbols-1)] === '[') ||\n          (str[i] === ')' && arrOpenSymbols[(countOpenSymbols-1)] === '(')\n          ) {\n            arrOpenSymbols.pop();\n        }\n      }\n    }\n\n    if (arrOpenSymbols.length === 0) {\n      result = true;\n    } else {\n      result = false;\n    }\n  }\n  return result;\n}\nconsole.log('');\nconsole.log(validBraces('()'));\nconsole.log(validBraces('[)'));\nconsole.log(validBraces('{}[]()'));\nconsole.log(validBraces('([{}])'));\nconsole.log(validBraces('())({}}{()][]['));<\/pre>\n\n\n\n
\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
function validBraces(str) {\n  try {\n   \teval(str);\n   \treturn true;\n   } catch (err) {\n   \treturn false;\n   }\n}<\/pre>\n\n\n\n
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
<div id=\"root\" style=\"background: red;\">\n    root\n    <span id=\"id1\" style=\"background: lightblue;\">id1<\/span>\n    <div id=\"id2\" style=\"background: green;\">\n        id2\n        <div id=\"id3\" style=\"background: yellow;\">id3<\/div>\n    <\/div>\n<\/div><\/pre>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
$('#root').on('click', function (event) {\n    event.stopPropogation();\n    console.log($(event.target).attr('id'));\n})<\/pre>\n\n\n\n
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
\/\/ \u043d\u0430 \u0432\u0445\u043e\u0434\u0435 \u043c\u0430\u0441\u0441\u0438\u0432<\/p>\n\n\n\n
var arr = [\n {name: 'width', value: 10}, \n {name: 'height', value: 20}\n]<\/pre>\n\n\n\n
\/\/ \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043e\u0431\u044a\u0435\u043a\u0442<\/p>\n\n\n\n
{width: 10, height: 20}<\/pre>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
function getObj(arr) {\n    var obj = {};\n    \n    arr.forEach(function(item){\n        obj[item.name] = item.value;\n    });\n    \n    return obj;\n}<\/pre>\n\n\n\n
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
var i = 10;\nvar array = [];\n\nwhile (i--) {\n    (function (i) {\n        var i = i;\n        array.push(function() {\n            return i + i;\n        });\n    })(i);\n}    \n\nconsole.log([\n    array[0](),\n    array[1](),\n])<\/pre>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
[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
(function (i) {})(i);<\/pre>\n\n\n\n
\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
function() { return i + i; }<\/pre>\n\n\n\n
\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
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
function f() { console.log(this.x); }\nvar obj = {x: 'bar'};<\/pre>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
f.call(obj, a, b);\nf.apply(obj, [a, b]);\n\nobj.funk = function f() { console.log(this.x); }\nobj.funk();\n\nfunction f() { console.log(this.x); }.bind(obj, a, b);\nf();<\/pre>\n\n\n\n
43.<\/p>\n\n\n\n
function Book() {\n    this.name = 'foo'\n}\n\nBook.prototype = {\n    getName: function() {\n        return this.name;\n    }\n};\n\nvar book = new Book();\n\nBook.prototype.getUpperName = function() {\n    return this.getName().toUpperCase();\n}\n\nbook.getUpperName();<\/pre>\n\n\n\n
\u0427\u0442\u043e \u0432\u0435\u0440\u043d\u0435\u0442 \u043c\u0435\u0442\u043e\u0434?
\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
\u0431) \u0432\u0435\u0440\u043d\u0435\u0442\u0441\u044f \u2018FOO\u2019<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\u2018FOO\u2019<\/p>\n\n\n\n
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:
a=3; b=\u00abhello\u00bb;
\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.
\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
\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
\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.<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\u0431) \u0438 \u0432)<\/p>\n\n\n\n
45. \u0427\u0442\u043e \u0432\u0435\u0440\u043d\u0451\u0442 \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u2014 typeof (function(){})()
\u0430) callback
\u0431) method
\u0432) undefined
\u0433) function<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\u0432)<\/p>\n\n\n\n
46. \u0427\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0435\u0441\u043b\u0438 \u0437\u0430\u0434\u0430\u0442\u044c margin: -10px;<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
47. \u041f\u043e\u0447\u0435\u043c\u0443 0.1 + 0.2 \u0434\u0430\u0441\u0442 0.30000000000000004<\/p>\n\n\n\n
\u041e\u0442\u0432\u0435\u0442<\/strong><\/p>\n\n\n\n
\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
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
\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.<\/p>\n\n\n\n
\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
<div class=\"block1\">\n  <div><\/div>\n<\/div>\n<div class=\"block2\">\n  <div><\/div>\n<\/div><\/pre>\n\n\n\n
.block1 {\n  width: 150px;\n  height: 20px;\n  border: 1px solid red;\n}\n.block2 {\n  display: none;\n  width: 100px;\n  height: 50px;\n  border: 1px solid red;\n}<\/pre>\n\n\n\n
function showBlock() {\n  var block1 = document.getElementsByClassName('block1')[0],\n      block2 = document.getElementsByClassName('block2')[0];\n  if (!(block1.childNodes.length > 0 )) {\n    block2.style.display = 'block';\n  }\n}\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  showBlock();\n});<\/pre>\n\n\n\n
\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","protected":false},"excerpt":{"rendered":"
\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":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[132],"tags":[],"_links":{"self":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2489"}],"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=2489"}],"version-history":[{"count":1,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2489\/revisions"}],"predecessor-version":[{"id":2490,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=\/wp\/v2\/posts\/2489\/revisions\/2490"}],"wp:attachment":[{"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lvboard.infostore.in.ua\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}