Задать вопрос
  • Как реализовать такой прелоадер?

    rockfeeler
    @rockfeeler
    Фронтендер, дизайнер, верстальщик-перфекционист
    В цсс примерно так. Думаю, принцип будет понятен:

    Ответ написан
    1 комментарий
  • С кнопкой в коде,не отображается текст, что делать?

    aliencash
    @aliencash
    Партизан
    Ну, а почему должно работать-то? По нажатию на кнопку типа submit, параметры формы передаются скрипту указанному в атрибуте action. Можно предложить, что у вас там указана текущая страница из-за чего она просто перезагружается и до вашего js дело просто не доходит. Замените <input type="submit"> на <button></button>
    Ответ написан
    2 комментария
  • Где найти код встроенных функций js?

    2chevskii
    @2chevskii
    Если бы каждый мог в поиск, тостер бы вымер.
    Залезть в сорс v8, например.
    Тут
    Ответ написан
    Комментировать
  • Почему если я использую innerHTMl библиотека игнорирует напрочь контент таблицы?

    cyber-jet
    @cyber-jet
    1. После загрузки данных нужно апдейтить DataTable или инициализировать DataTable после загрузки данных. Иначе таблица в импорте будет пустая, проверено.
    2. В документации к DataTable есть свой, нативный метод ajax.

    Так-же прошу обратить внимание на это, и не заниматься рисовкой таблицы самостоятельно.
    Ответ написан
    8 комментариев
  • Написал сайт html/css/js, выложил на хостинг, как быть с кэшированием?

    @Dmaw
    Добавьте это в htaccess:
    <ifModule mod_deflate.c>
        AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/css text/javascript application/javascript application/x-javascript
    </ifModule>
    
    <IfModule mod_gzip.c>
    	mod_gzip_on         Yes
    	mod_gzip_dechunk    Yes
    	mod_gzip_item_include file		\.(html?|txt|css|js|php|pl)$
    	mod_gzip_item_include mime		^text\.*
    	mod_gzip_item_include mime		^application/x-javascript.*
    	mod_gzip_item_include mime		^application/javascript.*
    	mod_gzip_item_exclude mime		^image\.*
    	mod_gzip_item_exclude rspheader	^Content-Encoding:.*gzip.*
    </IfModule>
    
    <ifModule mod_headers.c>
        <filesMatch "\.(ico|jpg|jpeg|png|gif|swf)$">
            Header set Cache-Control "public"
        </filesMatch>
        <filesMatch "\.(css)$">
            Header set Cache-Control "public"
        </filesMatch>
        <filesMatch "\.(js)$">
            Header set Cache-Control "public"
        </filesMatch>
        <filesMatch "\.(x?html?|php)$">
            Header set Cache-Control "private, must-revalidate"
        </filesMatch>
    </ifModule>
    
    <ifModule mod_expires.c>
        ExpiresActive On
        ExpiresDefault "access 7 days"
        ExpiresByType image/x-icon "access plus 6 month"
        ExpiresByType image/jpeg "access plus 6 month"
    	ExpiresByType image/jpg "access plus 6 month"
        ExpiresByType image/png "access plus 6 month"
        ExpiresByType image/gif "access plus 6 month"
        ExpiresByType application/x-shockwave-flash "access plus 6 month"
        ExpiresByType text/css "access plus 7504800 seconds"
        ExpiresByType text/javascript "access plus 7516000 seconds"
        ExpiresByType application/javascript "access plus 7516000 seconds"
        ExpiresByType application/x-javascript "access plus 7516000 seconds"
        ExpiresByType text/html "access plus 600 seconds"
        ExpiresByType application/xhtml+xml "access plus 600 seconds"
    </ifModule>
    Ответ написан
    Комментировать
  • Идеи для пет проекта в продакшен?

    GavriKos
    @GavriKos
    Генератор идей для пет-проджектов.
    Ответ написан
    1 комментарий
  • Как убрать бесконечные запросы к API?

    hzzzzl
    @hzzzzl
    useEffect(() => {
    apiService.getAllPerson()
    .then(data => heroesApiLoaded(data))
    }, [apiHeroes]) <- useEffect вызывается каждый раз, когда apiHeroes меняется, а меняется она каждый раз когда вызывается useEffect
    Ответ написан
    Комментировать
  • Как на чистом javascript сделать модальное окно?

    like-a-boss
    @like-a-boss
    Признайся,тебяТянетНаКодМужика,ты—программный гей
    Лишь судя по предыдущему вопросу автора становится, что он имеет ввиду.
    Но, как выше сказали, без html всёравно далеко не уедешь. Html нужно создать средставами JS:
    - создаёшь элемент: var modal = document.createElement('div');
    - стилишь стилями: modal.style.position = 'fixed';
    и т.д.
    - возможно навешиваешь слушатели на предварительно созданные контролы для него: modalClose.onclick = function() {...}
    - втыкаешь его куда-нибудь в DOM:
    document.getElementsByTagName('body')[0].appendChild(modal);

    Всё просто.
    Ответ написан
    Комментировать
  • Как a и b попадают в sort()?

    hzzzzl
    @hzzzzl
    слева направо

    Insertion-sort-example.gif
    Ответ написан
    Комментировать
  • Как отобразить данные из MongoDB на сайте example.com?

    mrdubz
    @mrdubz
    front end developer
    Вопрос дня, инфа 100%
    Ответ написан
  • Несколько вопросов по react?

    Во многих туториалах, для запуска react приложения используют npm. Зачем? React это просто js библиотека, которую можно подключить с помощью тех же cdn и просто открыть .html в браузере.

    Именно с реактом так не получится, если цель написать что-то сложнее Hello world.

    Полагаю, с помощью npm start запускают сервер и вешают на порт локалки, так ли это?

    npm start это всего-лишь команда в package.json, запускать она может что угодно. В случае с webpack она обычно запускает webpack-dev-server, который слушает какой-нибудь порт на localhost и отдает статику по этому порту. Это локальная замена веб-сервера, для удобной разработки. При сборке для настоящего сервера используют другую команду.

    Но опять же, зачем, если файл можно просто открыть в браузере?

    Можно, но webpack-dev-server автоматически обновляет страницу при изменении кода (live reload). Плюс при запуске html из файловой системы , ссылки начинающиеся от '/' будут работать от рута файловой системы, а не от url. И вообще будут проблемы со ссылками.

    И что если бек на пыхе? Получается будут смешаны файлы пыхы и ноды? Это же куча ненужных файлов

    Бэк на пыхе должен быть отдельным проектом, потому что реакт обычно работает с бэкендом через REST API. Это значит, что бэк может быть вообще на другом сервере и в другой стране.

    Во многих туториалах так же прописывают различные import-ы различных библиотек. Это относится к реакту или к nodejs-приложению?

    import/export это часть языка JavaScript стандартизированная спецификацией EcmaScript. Поэтому эту часть синтаксиса еще называют esm (EcmaScript modules). Стандарт уже реализован в современных браузерах и недавних версиях NodeJS. Но для обспечения совместимости с разными бибилиотеками еще не использующими стандартный import/export нужен сборщик типа webpack.
    Ответ написан
    Комментировать
  • Что использовать предпочтительнее?

    like-a-boss
    @like-a-boss
    Признайся,тебяТянетНаКодМужика,ты—программный гей
    Не сильно грузит(но сто килобайт кода(ненужного) выполнить в обозревателе - это довольно существенно) но надобность в нём давно отпала. Я как раз из тех, кто говорит, что нужно писать на нэйтиве.
    Почему почти на каждом сайте жуйквери? Дело в том, что люди ленивы по своей натуре, здесь можно списать на привычку и нежелание переучиваться и переписывать свои старые творения тех, кто когда-то начал изучение фронта с джейквери. Тогда было иное время и поведение всех браузеров нужно было "приравнять", это и являлось задачей джейквери. Сейчас браузеры подтянулись (причём давно уже) и джейквери стал архаизмом.
    Изучайте ванилу.
    Ответ написан
    Комментировать
  • Как это можно упростить?

    daemonhk
    @daemonhk
    ПсиХоПат
    $('form input, form input#block2').on('input', function(e) {
      const value = e.target.value;
      $('.catalog__item, .blog__item').each(function() {
        this.style.display = this.textContent.trim().toLowerCase().startsWith(value) ? 'block' : 'none'
      })
    })
    Ответ написан
    Комментировать
  • Как WEB-страница может получить текущее имя пользователя Windows?

    @iddqda
    network engineer, netdevops
    не благодари Redmine LDAP Auth
    Ответ написан
    Комментировать
  • Как переписать код js чистого на jquery?

    @MrFeaf
    PHP-developer
    Так почитайте документацию jQuery и все сразу станет понятно. Заменяйте селекторы на селекторы из jQuery, addEventListener на on и innerHtml на html().
    Ответ написан
    Комментировать
  • Насколько вообще нужны менеджеры состояний?

    WinPooh32
    @WinPooh32
    Stack Overflow answer searching expert
    Redux используется как "глобальная переменная", в которую можно положить и взять из любой точки приложения.

    Вот в этой статейке более подробно расписано.
    Ответ написан
    Комментировать
  • Как начать зарабатывать в 14 лет?

    Я в 15 лет лутал деньги так:

    1) Играл в WOW за хиллера
    2) Ходил в рандом данжи хиллером (за него самый быстрый поиск)
    3) По окончанию данжи падали баджи
    4) Баджи менял на камни
    5) Камни продавал
    6) На золото покупал шкуры
    7) Повышал на них стоимость и снова продавал
    8) Продавал золото через чат
    __

    В месяц выходило порядка 10к, выводил деньги на карту старшего брата через веб-мани.
    Ответ написан
    4 комментария
  • JSX сложное сравнение?

    @Dasslier
    FrontEnd Developer
    Вы должны каждый раз проверять результат выполнения функции, или вынесите этот результат в переменную. То есть вы ожидаете, что будет выполняться так:
    {isAuthenticated().direct.role === "Директор" || isAuthenticated().direct.role === "Управляющий" || isAuthenticated().direct.role === "Бухгалтер" ? (
                        <Button
                          type="danger"
                          onClick={userId => this.handleClick(user._id, userId)}
                        >
                          Удалить Пользователя
                        </Button>
                        ):("")}


    Но по факту делаете только первое сравнение, а дальше идет просто проверка на строку, и т.к. она не пустая, то всегда получаете true

    И JSX тут не при делах, это вопрос к пониманию JavaScript

    И еще, рендерите не пустую строку в случае false, а null
    Ответ написан
    Комментировать
  • JSX сложное сравнение?

    @curious-101
    Frontend developer
    isAuthenticated().direct.role === 'Директор' || isAuthenticated().direct.role === 'Управляющий' ... дальше, думаю догадаетесь сами
    Ответ написан
    2 комментария
  • Логика при создании модального окна?

    GreyCrew
    @GreyCrew
    Full-stack developer
    Очень сильно поддерживаю вариант с созданием портала
    В остальном аналогично ответу Иван В
    Создаем состояние в стейте, либо сторе,
    По клику вызываете методы, которые открывают/закрывают портал.
    Ответ написан
    Комментировать