Задать вопрос
dmitry_luzanov

Дмитрий Лузанов

Лайки

  • А есть плагин автокомплита для кода в Sublime3 как у VisualStudio?

    YarkoDzech
    @YarkoDzech Автор вопроса
    будучи трезвым, сдержи все свои пьяные обещания!
    Ну такое (ц).. себе решение, но как вариант пойдет

    Ставим codeIntel и JavaScriptNext - ES6 Syntax
    В Preferences->Package Settings-> SublimeCodeIntel в User или Defolt дописываем

    "codeintel_syntax_map":
    {
       "Python Django": "Python",
       "JavaScriptNext": "JavaScript",
    },


    98f6d65162f9438baaad5a4ca17eec26.jpg

    И даже на стандартных объектах начал что-то выхватывать:

    49a92007c8834d6b9dd25c7802b81a82.jpg
    Ответ написан
    Комментировать
    Комментировать

  • Стоит ли реализовывать на CSS то, что можно реализовать на JS?

    @Nwton
    например, табы, аккордеон, слайдеры на чистом CSS при помощи разнообразных селекторов

    Это извращения. Код должен быть оптимален во всех смыслах и плохо, когда вместо пары строк js, разработчик возводит кучу дополнительных классов и обложек.
    Ответ написан
    Комментировать
    Комментировать

  • Стоит ли реализовывать на CSS то, что можно реализовать на JS?

    bingo347
    @bingo347 Куратор тега JavaScript
    Crazy on performance...
    То что можно реализовать на CSS должно быть реализовано на CSS
    JS по-хорошему должен лишь управлять классами элементов, ну может еще слушать события transitionend и animationend когда это необходимо
    Ответ написан
    Комментировать
    Комментировать

  • Порекомендуете онлайн-сервисы изготовления баннеров?

    Chipr
    @Chipr
    UX/UI designer
    Фотошоп?
    Ответ написан
    1 комментарий
    1 комментарий

  • Ваши плагины и пакеты на sublime text для javascript, react, jsx разработки?

    iiiBird
    @iiiBird
    Пока ты спишь - твой конкурент совершенствуется
    саблайм - это редактор, а webstorm - это IDE. не пытайтесь из редактора сделать IDE. в конечном итоге все равно ничего не получится.
    p.s. посоветую visual studio code. по шустрости он не уступает саблайму и при этом является IDE.
    Ответ написан
    3 комментария
    3 комментария

  • Как выбрать предыдущий элемент в блоке HTML?

    abyrkov
    @abyrkov
    JavaScripter 
    docoument.querySelector('.radio__round cheked')..previousElementSibling;
    Ответ написан
    Комментировать
    Комментировать

  • Как заставить работать данный скрипт в Safari?

    riot26
    @riot26
    <:З )~~
    Убрать. Кому надо -- тот скопирует, а за блокирование привычного поведения интерфейса надо руки по плечи обрезать.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как убрать лаг при ховере?

    LenovoId
    @LenovoId
    svg, css,js
    что там за баба Ванга должна догадываться что там за код и как вообще выглядит ваш код !
    Такие вопросы вообще следует удалять так как не несёт ни какой нагрузки и приходится догадываться что там у вас и как
    Ответ написан
    3 комментария
    3 комментария

  • Как построить свой рабочий день фрилансеру?

    deenween
    @deenween
    Laravel
    1. заводишь тетрадь, где пишешь все задания. Если много распределяешь по дням.
    2. Каждые 45 минут делаешь зарядку или идешь на кухню пить чай. тратишь на это 15 минуту
    3. Вставать надо рано. я встаю в 6, летом 5. Утром все делается намного быстрее, чем вечером.
    4. Ложишься не позднее 12 часов
    5. работаешь не более 8 часов в день. Иначе сгоришь нафиг.
    Ответ написан
    Комментировать
    Комментировать

  • Почему не срабатывает getElementsByClassName на JavaScript?

    iiiBird
    @iiiBird
    Пока ты спишь - твой конкурент совершенствуется 
    document.getElementsByClassName('container')[0].style.display = "none";
    Ответ написан
    2 комментария
    2 комментария

  • Как вывести контекст нажатого компонента React?

    iNikNik
    @iNikNik
    Хочу дополнить ответ juicyigor т.к. он содержит одну критическую (для производительности) ошибку: 

    <First 
  city={data.city} 
  handleClick={this.handleClick(data.city)} 
/>


    handleClick = city => () => {
  this.setState({
    selectedCity: city,
  });
};


    Суть в том, что мы при каждом рендере создаем новый коллбэк и передаем его как prop компоненту First. Во-первых: даже без реакта у вас могут возникнуть проблемы со сборщиком мусора, если вы достаточно часто делаете ререндер. Во-вторых: хорошей практикой для компонентов-представлений (глупых компонентов - dump components) является использование так называемого pure render (путем наследования класса компонента от React.PureComponent). Это дает нам возможность ререндерить (обновлять) компонент только в том случае, если props или state изменились. У Вас в компоненте First state не используется, значит, рендер компонента будет зависеть только от props, но при этом - при каждом рендере родительского компонента вы передаете в First новый экземпляр handleClick. Значит - компонент First будет каждый раз рендерится, даже если по сути - данные не поменялись. Это плохо и является антипаттерном. Предлагаю вот такой вариант:

    class First extends React.PureComponent {
  handleClick = () => {
    const { onClick, city } = this.props

    return onClick(city)
  }

  render() {
    const { onClick, city } = this.props

    return (
      <div className="first">
        <button onClick={onClick && this.handleClick}>
          click
        </button>
        <p>{city}</p>
      </div>
    )
  }
}


    В компонент First я добавил метод handleClick, который вызывает коллбэк onClick (который передан через props) и передает туда city. Таким образом мы избавились от пересоздания коллбэка в рендере родительского компонента. Также обратите внимание на определение этого метода:

    handleClick = () => {

    Такая запись подразумевает в себе автобиндинг: т.е. this у вас будет ссылаться именно на ваш элемент.

    И небольшое замечание по названиям: handleSomething - это функция, которую вы передаете в свойство с названием onSomething. Пример:
    <input onBlur={handleBlur} />

    И исходя из предложенных изменений код родительского компонента будет выглядеть так:

    class TestComponent extends React.PureComponent{
  constructor() {
    super();
    this.state = {
      selectedCity: false,
    };
  }
  
  handleClick = city => {
    this.setState({
      selectedCity: city,
    });
  };
  
  render() {
    return (
      <div>
        {locations.map((data, i) => 
          <First 
            city={data.city} 
            onClick={this.handleClick} 
          />
        )}
        <Second city={this.state.selectedCity} />
      </div>
    );
  }
}


    PS саму логику я не трогал, просто хотел обратить Ваше внимание на ошибки.
    Ответ написан
    3 комментария
    3 комментария

  • Какой шрифт вы используете для баннеров?

    sabolch
    @sabolch
    Web devoloper
    Я человек простой. Вижу, что надо выбрать шрифт - беру Open Sans
    Ответ написан
    2 комментария
    2 комментария

  • Как исправить проблему пропавшего wifi-подключения?

    LenovoId
    @LenovoId
    svg, css,js
    у меня было было такое ! спасало просто ctrl+alt+del т.е выйти из системы и заново зайти !
    но было это раза два os ubuntu 16.04
    Ответ написан
    1 комментарий
    1 комментарий

  • Как сделать такую полоску?

    politon
    @politon
    HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
    Отвечал недавно, как сделать градиентом Как сделать прямоугольник со скошенной нижней гранью?
    Ответ написан
    Комментировать
    Комментировать

  • Какой PHP фреймворк посоветуете для быстрой разработки проекта?

    Wolfnsex
    @Wolfnsex Куратор тега PHP
    Если не хочешь быть первым - не вставай в очередь!
    - Представление о MVC имею. Раньше писал пару проектов на CodeIgniter, но на нём на мой взгляд мало что есть из коробки, и много времени уходит на разработку.
    С тех пор изобрели Composer, при должном желании прикручивается он и к CI в том числе :)

    - Нужен современный не заброшенный фреймворк, с достаточным количеством документации. Не обязательно на русском, но будет плюсом.
    На русском - CodeIgniter, на не русском - Laravel, Symfony и другие.

    - Хотелось бы большое количество подключаемого функционала из коробки, для экономии времени разработки. Например уже написанная логика авторизации, регистрации, восстановления пароля и разграничения по уровням доступа. Понимаю что всё равно придется немного допиливать под свои нужды, но времени это сэкономило бы кучу.
    Composer - решает 99% проблем, практически в любом фреймворке.

    - Возможность работы с различными БД из коробки
    Пока фреймворков без этой штуки не видел, но есть... Вы не поверите, Composer, что бы сменить/поставить "другой" ORM, если Вам "текущий" чем-то не подошел.

    - Поддержка кэширования из коробки. И желательно что бы была поддержка некешируемых областей при генерации страницы, а сам кэш был управляемым.
    То о чем Вы говорите, это: Varnish, Nginx+SSI и т.д. кэширование "из коробки" есть в Symfony (т.к. если его отключить, страницы может генерироваться феерически долго)

    - Не тяжелый фреймворк, в котором оптимизирован код, и который не жрёт огромное количество ресурсов на сервере. Если будет поддержка PHP7 - тоже плюс.
    По моему, любой современный фреймворк, если уже даже "Битрикс" небеизвестный до этого до этого дошел... некоторые фреймворки вообще скоро будут требовать PHP7, а не только "поддерживать".

    - Проект будет ориентировочно крутиться на nginx+php5-fpm. Думаю практически все фреймворки смогут работать в этой среде, но вдруг...
    Я пока таких "вдруг" не встречал. Если у админа голова и руки на месте - то никаких "вдруг" быть не должно. А вообще, у PHP версии 5.х, есть как минимум 3 основных "ветки", это <5.3, >=5.3 или 5.4+ и т.д., ещё кое-какие отличия были в 5.5 и 5.6, но не такие "разительные", подробности можно почитать в истории версий PHP. По этому, нужно конкретнее указывать версию, например, Laravel требует 5.6+

    - Возможность масштабирования. В принципе не обязательно, но возможно однажды будет масштабироваться проект.
    Это не возможность фреймворка - а навык программиста/админа.

    - Всякие плюшки из коробки типа каптчи, обработки и обрезки изображений и прочие приятности будут огромным плюсом и будут иметь «больший вес» при выборе, т.к. важна простота и скорость разработки.

    1. Yii2
    2. CMS + готовые модули CMS
    3. Вы не забыли, что есть... composer?!

    P.S. Простота и скорость разработки зависит исключительно от уровня Вашего понимания процесса и прочих личностных навыков. В эти же навыки, как один из первичных, входит умение "правильно выбирать фреймворк под конкретную задачу".

    Большое спасибо за время уделенное прочтению моего вопроса, и огромное спасибо за Ваши ответы.
    Не за что! Кнопка "Мне нравиться" - сразу под сообщением :D
    Ответ написан
    4 комментария
    4 комментария

  • Как сверстать адаптивно эти блоки?

    @Nwton
    1) Придется делать как в старые добрые времена, когда не все браузеры поддерживали round border:5ca14b887bf14faaa0db7ef77955f3e4.png2) По поводу стрелочек. Проверяй js влезают ли они полностью, если да - оставляй, иначе - display: none. Хотя не думаю, что если часть не влезет, то это будет катастрофа.
    3) Если экран узкий, устанавливай альтернативное облако со стрелкой вверху под человечком. Иначе - как на макете.
    Ответ написан
    Комментировать
    Комментировать

  • Где найти слайдер на jquery?

    villiwalla
    @villiwalla
    HTML-верстка
    Тут это не их недостаток, а недостаток в твоем подходе. Инициализация слайдеров на событие "DOMLoadContent" т.е window.onload. То когда ты возврашеешь html оно не инцилизирует работу слайдеров т.к нету события загрузки документа. Так что дергай функцию старта в соответствии с ситуацией.
    Ответ написан
    1 комментарий
    1 комментарий

  • Быстрее ли WordPress на php7?

    LenovoId
    @LenovoId
    svg, css,js
    смените denwer на openserver или на xampp
    denwer давно уже не протух
    Ответ написан
    1 комментарий
    1 комментарий

  • PHP: автозагрузка классов. Объясните на пальцах на простом примере?

    delphinpro
    @delphinpro Куратор тега PHP
    frontend developer
    Все свои классы располагаете в папке app/ (к примеру)
    Всем классам задаете namespace Fogersp\SuperProject
    В composer.json пишете в секции autoload

    ...
"autoload": {
  "psr-4": {
    "Fogersp\\SuperProject\\": "app"
  }
},
...


    Это значит, что классы с нэймспейсом Fogersp\SuperProject автозагрузчик будет искать в папке app/
    Например, класс Fogersp\SuperProject\DB\Entry должен располагаться в файле app/DB/Entry.php

    Далее в корне проекта выполняете команду
    composer dumpautoload
    и композер создаст вам автозагрузчик.

    Теперь в точке входа подключаете этот загрузчик и не паритесь о подключении файлов
    include '../vendor/autoload.php';

    Вот и всё =)
    Ответ написан
    10 комментариев
    10 комментариев

  • Как построить свой рабочий день фрилансеру?

    @lere
    У вас проблемный режим бодрствования и сна, и скорей всего Вы отвлекаетесь на разные развлечения и общение с близкими чем погружаете себя в прокрастинацию. Изучайте тайм менеджмент.
    Без нормального режима: просыпаться в 6.30 - 7.00 и засыпания в 22.00 Вы ничего не добьетесь...
    Ответ написан
    5 комментариев
    5 комментариев