• Как изменить перспективу фона сайта при движении курсора?

    LenovoId
    @LenovoId
    svg, css,js
    1) https://codepen.io/frontnerd/pen/JGwvYq я верно понял ? пример не мой
    2 )https://codepen.io/topicstarter/pen/PeVojE?editors=1100 или этот который я украл от сюда

    со второго примера я взял url изображений перенёс в codepen и так же через devtools вытащил script который обрабатывает данный 3D parallax с перспективой фона и так же для частичной адаптивности сделал zoom

    как видно во втором примере сам эффект подготовлен т.е в изображение в любом растровом редакторе вырезают нужный объект ... вот он и будет создавать 3D объём и в этом случае автор вырезал девушку с фотоаппаратом и поместил выше ...при zoom это очень хорошо видно

    смотрится конечно изумительно parallax 3D

    если чуть чуть изменить эти строчки
    cx = Math.ceil($(window).width() / 4.0);
     cy = Math.ceil($(window).height() / 4.0);

    а именно 4.0 на значения выше или ниже то можно получить практически реальный поворот изображения

    5b0102f2bccb3811578559.png
    Ответ написан
    Комментировать
  • Что означает (jQuery) после (function( $ )?

    delphinpro
    @delphinpro Куратор тега JavaScript
    frontend developer
    (function( ) {
    })();

    Вот эта конструкция называется "анонимная самовызываемая функция".

    То есть, тут два действия:
    Объявление анонимной функции
    function( ) {
    }

    и сразу ее вызов
    ()()
    Первые скобки это синтаксический приём для вызова анонимной функции. Есть и другие методы. Например
    +function(){}()
    Вторые скобки - это собственно вызов функции и при необходимости передача параметра (обычный вызов же)

    ()(jQuery) — в параметре передается jQuery

    function($){} — а тут этот параметр объявлен и используется

    (function($){})(jQuery) — итого, объявили анонимную функцию, и вызвали ее, передав параметром объект jQuery

    Например, доллар у вас используется другой библиотекой, пусть MooTools.
    Тогда вы запускаете jQuery в безконфликтном режиме

    jQuery.noConflict();

    Это значит, что доллар использоваться не будет, и объект будет доступен только по ссылке jQuery.

    Но для удобства вы можете использовать анонимную функцию и безопасно использовать внутри неё переменную доллара

    (function($){
      $('.slider').slick();
    })(jQuery);


    Чтобы стало совсем понятно, конструкцию можно переписать без анонимной функции

    var myFunc = function($){
     // some code
    }
    
    myFunc(jQuery);
    Ответ написан
    Комментировать
  • Где джуну получать тестовые задания?

    maxfarseer
    @maxfarseer Автор вопроса
    https://maxpfrontend.ru, обучаю реакту и компании
    Выяснилось, что удобного места со списком заданий нет, кроме ответа от Максим Зайцев
    Так же выяснилось, что созданием ТЗ и последующим разбором в данный момент никто не занимается кроме меня, поэтому добавляю ответ от себя.

    Здесь есть задания и разбор. Будет пополняться.

    Задание 1 (уже разобрано)
    Задание 2 (будет разобрано в конце мая)

    p.s. ссылки ведут на github, поэтому я надеюсь у модераторов не будет претензий.
    Ответ написан
    Комментировать