• Чем вы пользуетесь для проверки JavaScript?

    Xuxicheta
    @Xuxicheta
    инженер
    После typescript возвращаться к js нет никакого желания.
    Даже несмотря на то, что ESLint удобней чем tslint
    Ответ написан
    Комментировать
  • Как сделать чтобы при нажатии на элемент плавно появлялся другой?

    @trofimovdev
    Python
    Можно сделать на JQuery анимациях, CSS анимациях и JQuery, ванильном JS, либо как-то костыльно, но на о Боже мой чистом CSS.
    Ответ написан
    Комментировать
  • Синхронный и асинхронный код, почему так называется?

    MarcusAurelius
    @MarcusAurelius
    автор Impress Application Server для Node.js
    А сам код синхронным не называется, это его по ошибке или для упрощения так называют. Синхронным и асинхронным называется только API ввода-вывода, т.е. операции, прерывающие исполнение кода и требующие от системы обратиться к внешнему устройству, работающему не синхронно с центральным процессором. Операции ввода-выдвода, каковые есть: работа с дисками, портами, контроллерами, периферийными устройствами, как клава, мыша, тачскрин, разные датчики, вебкамера, сетевые карты, блютузы и другие радиомодули, принтеры, видеокарты и прочее. Все они получают задание от программы, и исполняют его отдельно, своими мощностями. Потом внешние устройства присылают программе сигнал о статусе исполнения и, возможно, полученные данные. Программа все это время может ждать (если у нее синхронное API, т.е. блокирующее) или что-то делать (если асинхронное, т.е. не блокирующее). Если программа ждет, не переходит к выполнению следующего действия, то это синхронный ввод-вывод, потому, что осуществляется процесс синхронизации программы с внешним устройством. Внешне устройство посылает прерывание, которое обрабатывает операционная система и через несколько слоев драйверов оно попадает в программу, обычно в виде колбека или события. Если программа ждала, то вызов API не завершался, она все время слушала, когда придет событие о завершении операции ввода вывода, а получив его API отдает ответ и управление переходит к следующей команде, что и называется, синхронизацией с периферийным устройством. Если программа не ждала, то вызов API сразу завершается и не блокирует поток выполнения программ, это называется асинхронным API, потому, что процесс синхронизации не происходит явно, а ответы возвращаются через события.
    Ответ написан
    3 комментария
  • Что такое ноды в javascript?

    rockon404
    @rockon404
    Frontend Developer
    Почему именно ноды, а не элементы или еще как-то?
    Node дословно переводится как узел.

    - почему тут ноды
    - а тут элемент?
    В чем разница?
    Node - любой объект DOM, в нем реализованы базовые методы.
    Element - это один конкретный тип(потомок) Node. Ноды не обязательно являются элементами.
    Простой пример. Обратите внимание на свойство nodeType каждого элемента коллекции. Один элемент и две текстовые ноды.

    Node
    Element
    Ответ написан
    4 комментария
  • Под какие разрешения рисовать адаптивный дизайн?

    paulradzkov
    @paulradzkov
    Дизайнер, верстальщик, начальник отдела UI
    При рисовании любого дизайна встает техническая задача — уместить элементы сайта в указанную ширину. Уместить в заданную ширину тяжелее, чем растянуть до заданной ширины. Растянуть легко на этапе верстки. Поэтому нужно ориентироваться на минимальную ширину в классе.

    1. Мобильные телефоны — 320px. Ориентируемся на viewport айфона, т.к. он самый маленький. У современных андроидов вьюпорт больше, поэтому их игнорируем (растянется на верстке).

    2. Планшеты — 768px. Опять-таки ориентируемся на айпад в портретной ориентации , т.к. у андроид планшетов вьюпорты обычно имеют размер от 800×1200 или совпадают с айпадом. Планшеты с вьюпортом 600×1024px устарели. К тому же ничего страшного, если в вертикальной ориентации сайт на таком планшете будет выглядеть как на мобильнике, а в горизонтальной ориентации — как на десктопе.

    3. Десктоп и планшеты в ландшафтной ориентации — 1000px. Почему 1000, а не 1024: первое, в настольных браузерах полоса прокрутки съедает (обычно) 18px ширины; второе, от 1000px верстальщику удобнее расчитывать размеры в процентах, а до 1024 все равно растянется при верстке.

    В принципе, этого достаточно, чтобы верстальщик справился.

    Если дизайн не имеет максимальной ширины и тянется от края до края окна браузера, то на усмотрение дизайнера можно нарисовать еще один или несколько эскизов для более широких экранов.

    В каком порядке рисовать? Смотря как поставлено тех.задание. Чаще всего в задании описан полный функционал для настольной версии. Тогда проще нарисовать дизайн под 1000px и перекомпоновать под 768 и 320, выбросив или упростив по пути менее значимые элементы сайта. Т.е. двигаться от сложного к простому.

    Верстать при этом удобнее от меньшего экрана к большему (от простого к сложному). При mobile first верстальщику приходится дописывать новые стили для бóльших экранов поверх базовой версии в 320px вместо того, чтобы обнулять написанные для настольных браузеров стили. В результате для мобильника css весит меньше и парсится быстрее.
    Ответ написан
    Комментировать
  • Как называются такие эффекты прокрутки?

    netrox
    @netrox
    Ответ написан
    Комментировать
  • Как называется такой эффект при наведении?

    Taraflex
    @Taraflex
    Ищу работу. Контакты в профиле.
    Комментировать
  • Как обеспечить безопасность “Умного дома”?

    Godless
    @Godless
    Вопрос тянет на отдельную книгу, как мне кажется. Но поскольку деталей нет, общие принципы примерно следующие:

    1. Изолированная локалка, если используется. Отсутствие радио каналов (любых, вифи, 433 и тп). Если уж ну ваще никак, предусматривайте ситуацию, что канала нет, или данные по каналу приходят поддельные, в т.ч. со злым умыслом.
    2. Если прямо необходимо чтоб железки что-то тянули с интернета - к примеру, дополнительный linux шлюз, разрешающий только то что надо. Вариации с прямым доступом из тырнета в железо отметайте сразу.
    3. Шифруйте данные по сети. Не используйте слабые шифры.
    4. Не используйте простые пароли (да, 2018 год).
    5. Правильно конфигурируйте службы, аккуратно выставляйте доступ к файлам.
    6. Про железную часть не пишу. Но вопрос защиты от перенапряжения, выгорания портов, резервирования функционала и тп тоже относится к безопасности.
    7. Бэкапы и резервирование не должны быть для вас пустым звуком.
    8. [....]
    Ну, думаю направление мыслей понятно.
    Ответ написан
    3 комментария
  • Как отправить HTML письмо?

    SeregaSPb
    @SeregaSPb
    На примере Google Chrome
    1) Нажмите [правый клик]>[Просмотр кода элемента] или F12
    2) В открывшемся инструменте разработчика в коде текущей страницы (gmail) найдите куда вставить код письма и нажмите [правый клик]>[Edit as HTML]
    3) Вставьте Ваш HTML код и нажмите Ctrl+Enter
    Ответ написан
    3 комментария
  • Почему тормозит css-анимация?

    aprenoir
    @aprenoir Автор вопроса
    программный архитектор
    Добиться более плавной анимации помог комплекс следующих действий:

    1. Точное указание property у transition (т.е. вместо "transition: all" указываем конкретное свойство с которым производится анимация).
    2. Использование при JS манипуляции с классами не classList, а className. Переход на это решение позволил добиться реального прогресса в плавности анимации. В частности, это решение подсказал VK, там используется такая же схема. Метод className входит в DOM Core (level 2), имеет практически полную совместимость со всеми браузерами, а также более эффективно обрабатывается браузерными движками с минимальными задержками.
    Ответ написан
    Комментировать
  • В чем отличие Angular и Angularjs?

    StivinKing
    @StivinKing
    Ссылка на habrahabr (ключевые различия)
    Изучать, естественно, Angular. Многие думают, что angular 2, 4 и уже вышла 5 версия - это разные фреймворки. Нет, есть только 2 разных - Angular и Angularjs. 2, 4, 5 - это просто мажорные версии Angular, в которых, по большей части, реализован ряд улучшений для производительности и введение нового интересного функционала. На личном опыте скажу, что скорость 2 мажорной версии от 5 отличается существенно
    Книгу видел, но сам лично не читал, поэтому рекомендовать не могу. Для базы в интернете много хороших уроков, в том числе видеоматериалов. Рекомендую конечно англоязычные уроки, но и среди русских тоже есть достойные, на мой взгляд. Из того, что сам в своё время давал своей команде - это уроки от CodeDojo (бесплатные) и ITVDN (платные)
    Ответ написан
    Комментировать
  • Замена фотошопа верстальщику?

    IonDen
    @IonDen
    JavaScript developer. IonDen.com
    Самая удобная тема - https://zeplin.io/ Это просто прорыв.
    Но это не значит, что не нужно уметь пользоваться фотошопом.
    Ответ написан
    15 комментариев
  • Почему скрипт исполняется только на одной странице?

    b0nn1e
    @b0nn1e
    Alcohol & Ruby on Rails
    Возможно у вас используется turbolinks.
    Попробуйте $(function () {
    заменить на
    $(document).on("page:change", function () {
    Ответ написан
    1 комментарий