Jump to content

Leaderboard

Popular Content

Showing content with the highest reputation on 03/03/16 in all areas

  1. Замыкания - это очень просто. Посмотрите на такую функцию: function myFunction(a, { var sum = a + b; return sum;}На самом деле внутри у неё, скрытно от вас, создался невидимый объект, в котором хранится переменная sum. Т.е. для интерпретатора (в нашем случае интерпретатор - это браузер) функция выглядит вот так: function myFunction(a, { invisibleObject.sum = a + b; return invisibleObject.sum;}После того как функция отработала вступает в дело "сборщик мусора", который освобождает память на компе, которую занял этот самый invisibleObject, чтобы у вас браузер и вообще винда не тормозили. Так вот, замыкание - это когда сборщик мусора этот самый invisibleObject не удаляет. Классический пример: var counter;function myFunction() { var start = 0; counter = function() { return start++; };}myFunction(); // вызываем функцию, чтобы инициализировать переменную counter// далее юзаем уже countercounter(); // 0counter(); // 1counter(); // 2 и т.д.Браузер не дурак и видит, что переменная start может ещё понадобится в будущем, так как она используется внутри counter, поэтому он этот самый infisibleObject после того как мы вызвали myFunction не удаляет. Это и называется замыкание. tl;dr Замыкание - это когда невидимый объект, в котором функция хранит локальные переменные не удаляется после того как функция отработает. P.S. Кстати, этим "невидимым объектом" был Альберт Эйнштейн LexicalEnvironment.
    2 points
  2. Вы к #div_body применяете прозрачность opacity: 0.5; из-за этого то, что находится под этом блоком влияет на его цвет. https://jsfiddle.net/936we2ur/ https://jsfiddle.net/gn1fzktu/3/
    1 point
  3. http://codepen.io/anon/pen/NNqOXE
    1 point
  4. Вы прописываете два атрибута style, поэтому работает только один из них float или max-width https://jsfiddle.net/1ygo986f/
    1 point
  5. Привет. С падением данных на форуме недавно, прошлый топик пропал, так что пересоздаю заново. Одному моему хорошему заказчику нужен frontend-разработчик на подработку. Хочется долговременного сотрудничества. Что у нас есть • Шаблоны в handlebars • Стили в LESS • Сборщик Grunt • Javascript. Нужно его знать его вообще и jQuery, Angular в частности • В одном месте у нас есть canvas, то есть надо понимать что это такое и как с этим работать • Вёрстка будет адаптивной Платить планируется что-нибудь типа 10$ в час, в зависимости от вашего опыта и скорости работы. Оплата через PayPal. Сайт, который надо делать https://eventcartel.com/ Отписывайтеся в теме или в ЛС желающие. Прикладывайте ссылки на работы, не стесняйтесь. Людей, которые мне приглянутся, свяжу с заказчиком.
    1 point
  6. input:focus ~ label,label:activeПочему нужно использовать оба этих правила, чтоб стили применились? Почему каждого из этих правил, в отдельности, не достаточно? Опять же, так было изначально :-) Ну и с label:active подсвечивать будет сразу, когда нажмем на него, а без него только по фокусу.
    1 point
  7. Я вообще в программировании ничего не понимаю. Финансист я. Просто в мире все процессы примерно одинаковы и опыт из одной области можно с некоторыми оговорками перенести на другую.
    1 point
This leaderboard is set to Kiev/GMT+03:00
  • Upcoming Events

    No upcoming events found
  • Сообщения форума

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy