Контакты

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (22)

Лучшие ответы пользователя

Все ответы (28)
  • Зачем нужен Vue - объясните на пальцах?

    landen13
    @landen13
    frontend-developer
    Если прям на пальцах, то вот:
    Vue.js нужен для быстрой перерисовки того или иного участка интерфейса. Вместо работы напрямую с DOM, мы работаем с данными (Data), а все манипуляции с разметкой происходят уже автоматически благодаря реактивности и директивам. То есть, темплейты во Vue.js - это такой себе способ описать поведение вашей разметки с привязкой к данным - как меняется разметка при изменении данных, какие методы вызываются при том или ином событии (это тоже определяется в темплейтах). Почитайте что такое Data-driven подход, тогда намного все прозрачнее станет.

    Это объяснение от верстальщика верстальщику :)
    Ответ написан
    Комментировать
  • Как передать данные в компонент VueJS 2?

    landen13
    @landen13
    frontend-developer
    Данные в компонент передаются только посредством props. Судя по коду, Вы неплохо так запутались :)

    Посмотрите внимательно примеры в документации, там все очень хорошо написано и показано.

    Если кратко:
    Данные передаются через props. Принимаемые props изначально должны быть прописаны в компоненте.
    Весь компонент должен быть описан в импортируемом .vue файле.
    Далее он регистрируется глобально через Vue.component('my-header', myheader); (либо локально - способы регистрации компонента есть в документации).
    Также должна быть обертка вокруг Ваших my-header и my-footer, например #my-app
    Создается рутовый инстанс Vue с el: '#my-app', в котором лежат компоненты.
    VueJS находит компоненты внутри #my-app и инициализирует их.
    И в самом темплейте, где Вы прописали эти самые компоненты, им нужно передать данные.
    Например, если у вас было в компоненте:
    props: ['data']
    то передавать их нужно как обычный биндинг атрибутов:
    <my-footer v-bind:data="posts"></my-footer>
    Ответ написан
    Комментировать
  • Правильно ли переносить пиксельные размеры из фотошопа в вёрстку?

    landen13
    @landen13
    frontend-developer
    Редко попадаются дизайны, где легко все шрифты в em сделать и все четко через пиксельперфект выровнять. Если тз того не требует, размеры шрифтов можно задавать в пикселях, какие-то глобальные отступы и ширины измерять линейкой в фотошопе, далее после того, как все сверстано, подгонять это через Pixel Perfect (Firefox или Chrome).

    То есть вы делаете каркас/компоновку элементов, а уж потом выравниваете все. Сразу все пиксель в пиксель делать - больше времени займет.

    p.s.: для Firefox есть версия Pixel Perfect 1.8.1 (рабочая без глюков), которая спрятана в версиях плагина Pixel Perfect на addons.mozilla.org.
    Ответ написан
    2 комментария
  • Почему многие ругаются на flex и float? Что в таком случае использовать?

    landen13
    @landen13
    frontend-developer
    1. Гриды - будущее, однако только для глобальных лейаутов. ТОЛЬКО.
    2. Флексбоксы - настоящее, могут использоваться без проблем как в локальных местах, там и для глобального лейаута. ИЕ11+, с некоторыми нюансами.
    3. Флоат - прошлое, но все же это старый-добрый флоат. Всегда спасет и прикроет вашу задницу в случае чего. Как и верстка на inline-block'ах. Но FLEX конечно должен быть сейчас в приоритете, в любом случае.
    Ответ написан
    Комментировать
  • Как измерить скорость верстки, т.е. оценить насколько быстро верстаешь?

    landen13
    @landen13
    frontend-developer
    Скорость верстки очень сильно зависит от типа проекта. Также скорость верстки прямо пропорциональна объему навыков (как связанных с IT, так и базовых), умноженному на опыт.

    Чтобы измерить скорость чистой верстки с типичным функционалом идеально подойдет обычный несложный лендинг, а лучше сразу несколько. На лендинги небольшого размера у опытного верстальщика уходит от 5 до 9 часов, в зависимости от инструментов и технологий, которые он применяет при верстке.

    Оценить скорость конкретно только верстки под CMS довольно сложно, так как верстка под CMS включает также много других смежных задач и подводных камней.

    Основные навыки и инструменты, повышающие скорость верстки:
    - touch typing - слепая печать - незаменимый навык, значительно ускоряющий любую деятельность за ПК
    - emmet, сниппеты, сохраненные заготовки, шаблоны
    - препроцессоры
    - хорошее владение редактором кода (шоткаты и т.п.), быстрое перемещение по коду
    - способность быстро осваивать новую информацию и сразу же применять ее
    и т.д. - можно долго продолжать этот список

    Использование первых трех в сумме дает очень большой прирост скорости.
    В таком случае скорость верстки будет выше средней.
    Ответ написан
    7 комментариев

Лучшие вопросы пользователя

Все вопросы (2)