Ответы пользователя по тегу JavaScript
  • Как сделать такую галерею картинок?

    rim89
    @rim89
    программист-велосипедист
    на CSS 3 , методом transform
    codepen.io/wifeo/pen/qzwkb
    Ответ написан
    1 комментарий
  • Какие ресурсы актуальны для анализа скорости сайта и на какие пункты не стоит обращать внимание?

    rim89
    @rim89
    программист-велосипедист
    https://gtmetrix.com/ + встроенный в бразуер монитор загрузки страницы.

    bootstrap.css тягает в своём файле весь фремворк, если у вас на странице используется, например, только grid, то с точи зрения оптимизатора остальной код лишний и для этой страницы он не нужен.
    Тоже самое касается и style.css и js . После завершения разработки их следует минифицировать ( grunt или вручную). Это тоже даст прирост.

    Изображения можно спокойно жать до 75% качества JPG, если они не представляют художественную ценность, разница минимальна.

    gzip - это возможность сервера предоставить ответ на ваш запрос в архиве - даст ли это ощутимый эффект - нужно пробовать и смотреть
    Ответ написан
    3 комментария
  • На какие курсы по fronend стоит пойти?

    rim89
    @rim89
    программист-велосипедист
    По JS на youtube есть курс от Sorax
    Есть более полные курсы по JS от ITVDN и Специалист .. остальные найденные - в меня не зашли
    Ну и основные книги Фленагана , Cтефанов
    * объем знаний конечно хорошо, но быстрее и лучше имея минимальный опыт - ходить по собеседованиям и устроится куда то, так быстрее получится получить нужные опыт и практику
    Ответ написан
    Комментировать
  • Как реализовать 20+ поп-апов на странице?

    rim89
    @rim89
    программист-велосипедист
    Все кнопки одинаковые, но поп-апы разные, поэтому привязываться по id к каждому не вариант(их может быть и 10 и 50 штук).

    что значит - нельзя ? что мешает тем же JS гененировать ID или data атрибут с каким то параметром.
    Потом использовать один шаблон попапа и туда передавать аяксом данные которые надо там выводить.
    Ответ написан
    Комментировать
  • Как найти одно слово в аттрибуте data JQuery?

    rim89
    @rim89
    программист-велосипедист
    получить value и разбить методом split, и потом уже найти нужное слово в массиве
    Ответ написан
    Комментировать
  • Как отправить данные из двух форм?

    rim89
    @rim89
    программист-велосипедист
    На сабмит первой формы повесить обработчик
    $('form.#someID').on('click', function(event) {
                event.preventDefault();
    ...

    потом дождаться заполнения второй формы и отправить на сервер данные через тот же аякс ...
    Ответ написан
    Комментировать
  • Зачем верстальщику нужно изучать JavaScript?

    rim89
    @rim89
    программист-велосипедист
    1. - сходите на собеседование - получите точный ответ, что от вас хочет конкретная контора
    2. - весь интерактив на стороне клиента
    3-4. - может пол месяца, может пол года - зависит от ваших способностей

    Имхо. Без JS верстальщик нужен только на 5$ проекты на фриласне - подправить туда, дописать сюда ... что то серьёзно - сразу JS нужен.
    Ответ написан
    Комментировать
  • Почему пропала опция: надпись выбор цвета в карточке товара?

    rim89
    @rim89
    программист-велосипедист
    Нужно смотреть рабочий ихсодник ... я бы смотрел в JS , то, куда должно вставятся value при выборе опции
    Ответ написан
  • Как узнать где находится элемент массива?

    rim89
    @rim89
    программист-велосипедист
    var arr = [1,2,3,4,5,6,7,8,9]; // исходный массив
    
    (function(num){ // объявили самовызывающую функцию
    	if((arr.length % num) > 0){
    		console.log('Центр массива находит на элементе ' + Math.round((arr.length / 2)) ); // находим цетр, если массив нечетный
    		var center = Math.round((arr.length / 2)); // запоминаем точку центра
    	}else{
    		console.log('Центр массива находит на элементе ' + (arr.length / 2) + ' и ' + (arr.length / 2 + 1)); // находим цетр, если массив четный
    		var center = (arr.length / 2);  // запоминаем точку центра ( левую))
    	}
    	console.log('Элемент отстаёт от начала на ' + arr.indexOf(num) + ' элемента. И на ' + (arr.length - 1 - arr.indexOf(num)) + ' от конца');
    	if(num === center){ // проверяем 'центральность'
    		console.log('Бинго! число в центре');
    	}else{
    		console.log('Элемент отстаёт от центра :');
    		(center > num)?console.log((center - num) + ' элементов слева'):console.log(-(center-num) + ' элементов справа'); // тернарный оператором определяем положение от центра
    	}
    })(5); // указываем число из массива, которое будем искать , в данном случаи - 5


    всё в консоле, новых переменных минимум. Для массива с четным числом данных, возможно, нужно будет подпилить что то ... но мне лень %)
    Ответ написан
    Комментировать
  • Javascript + selector + База данных?

    rim89
    @rim89
    программист-велосипедист
    Перво что пришло на ум:
    - по нужному состоянию ( клику , загрузке страницы, еще чего ) передавать AJAX запросом ( или .POST ) в PHP указанный селектор, вынимать из базы нужную инфу, и возвращать на страницу в нужное место через метод success
    Ответ написан
    Комментировать
  • Как развернуть определённый пункт меню, когда я перехожу по нему?

    rim89
    @rim89
    программист-велосипедист
    В зависимости от URL присваивать класс active, который будет отображать раскрытое меню
    Ответ написан
    2 комментария
  • Какой подход правильный при верстке сайта?

    rim89
    @rim89
    программист-велосипедист
    Как вариант - юзать php класс для определения устройства и в зависимости от результат выдавать тот или иной шаблон
    Ответ написан
    Комментировать
  • Стоит ли изобретать свою grid?

    rim89
    @rim89
    программист-велосипедист
    Если вы сможете реализовать ее же с нуля, но используйте bootstrap или еще что, дабы сэкономить время клиента и деньги - то заказчик должен быть рад этому.

    но используете ли вы эти сторонние модули, или это не совместимо с понятием "хороший специалист" и нужно использовать только то, что придумали сами?

    если это не подразумевается проектом - использую чужие, обращая внимания на лицензию. Опять же - экономия ресурсов
    Ответ написан
    Комментировать
  • Как разбить input tel на 3 части?

    rim89
    @rim89
    программист-велосипедист
    сделать маску ввода через JS - Пример
    в качестве фон сделать картинку - это если надо использовать 1 input
    Ответ написан
    Комментировать
  • Как верстать сразу под разные платформы?

    rim89
    @rim89
    программист-велосипедист
    Кроме Device Mode в Хроме можно: (если живете на windows)
    - vmware + Образ OS-х + Xcode - эмулятор Iphone / Ipod
    - Android Studio - Эмулятор Android
    80-90% устройств у вас под контролем(если конечно они не используют сторонние браузеры).

    Кроме этого есть USB дебаг как минимум на адроиде.
    Ну а если хватает денег - лучше иметь физически разные устройства.
    Ответ написан
    Комментировать