• Как экспортировать свойства из компонента?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Ладно, а допустим структура Home следующая:

    import {uniqueId} from 'lodash';
    
    export class Home extends React.Component {
       uid = uniqueId();
    
       // some code..
    }


    Я хочу экспортировать uid в index.js
    Ответ написан
  • Как загрузить JSON с помощью fetch?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Только что проверил, если указать url file:///C:/git-repo/todos/rest/groups.json, то 404 не выбивает, но выходит другая ошибка: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
    Ответ написан
  • Как правильно отсечь выборку первых шести элементов из массива?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    наверно я неправильно поставил суть вопроса, в общем я вывел сам формулу:
    const sep = colIdx % 6;
    (sep - colIdx + rowIdx) === 0

    В итоге имеем:
    const cols = [];
    
            // console.log(rowIdx);
    
            for (let colIdx = rowIdx; colIdx < trackData.length; colIdx++) {
                const sep = colIdx % 6;
    
                if ((sep - colIdx + rowIdx) === 0) {
                    cols.push(
                        <div className={this.setColClassName(colIdx)} key={colIdx}>
                            <Scrollbar
                                speed={1}
                                damping={0.1}
                                overscrollDamping={0.1}
                                thumbMinSize={20}
                                renderByPixels
                                continuousScrolling={'auto'}
                                overscrollEffect={'bounce'}
                                id='scroller-col'
                                ref={c => this.scrollbar = c}
                                syncCallbacks
                            >
                                { this.renderColItems(colIdx) }
                            </Scrollbar>
                        </div>
                    );
                }
            }
    
            return cols;


    Все равно спасибо за отклик!
    Ответ написан
    Комментировать
  • Как преобразовать строку с датой UTC в текущую дату на компе пользователя?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Самый оптимальный вариант - воспользоваться библиотекой Moment
    Ответ написан
    Комментировать
  • AdBlock блок блокирует некоторые картинки на сайте. Как с этим можно бороться?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    {% extends 'base.html' %}
    
    {% block title %}
        
    {% endblock title %}
    
    {% block additional_metatags %}
    	<meta name="yandex-verification" content="d52489a6fafec488" />
    	<meta name="google-site-verification" content="8aZH3f6tPOjy2NmrmSd0-j2hGkF6cA5MGBp9xXW7tzc" />
    	{% include 'blocks/meta.html' %}
    {% endblock additional_metatags %}
    
    {% block additional_js %}
    {#    <script id="index-data">#}
    {#        var tabsData = {{ tabs_data|safe }};#}
    {#    </script>#}
        <script src="{{ STATIC_URL }}js/dist/index.js"></script>
        {% if not is_authenticated %}
            <script src="{{ STATIC_URL }}js/dist/auth.js"></script>
        {% endif %}
    {% endblock additional_js %}
    
    {% block partials_modals %}
        {{ block.super }}
    {% endblock partials_modals %}
    
    {% block content %}
    
        {% include 'index/rusmovies_popup.html' %}
        {% include 'index/carousel.html' %}
    
        {% for compilation in compilations %}
    
                {% include "blocks/compilation.html" %}
    
                {% if forloop.first %}
                    <div class="block-t1">
                        <div class="container container_wide">
                            <div class="block-t1_title txt-w-eb tvz-overflow">Подборки</div>
                        </div>
                        <div class="tvz-carousel-wrap block-t1-carousel-wrap">
                            <div class="tvz-carousel_canvas actions-carousel_canvas"></div>
                            <div class="tvz-carousel_control tvz-carousel_control-prev no-us-select txt-c-9">
                                <span class="tvz-icon tvz-icon-navigate-left"></span>
                            </div>
                            <div class="tvz-carousel_control tvz-carousel_control-next no-us-select txt-c-9">
                                <span class="tvz-icon tvz-icon-navigate-right"></span>
                            </div>
                            <div class="container container_wide">
                                <div class="block-t1-carousel_wrap">
                                    <div class="owl-carousel block-t1-carousel actions-carousel">
    
                                        <a class="clip-card clip-card-action" href="http://www.tvzavr.ru/bigp-grown-up-story" tabindex="-1">++++++++
                                            <div class="clip-card_poster-wrap tvz-cap_wrap">
                                                <img class="clip-card_poster tvz-cap_poster" src="/static/img/channel-poster.jpg" title="7 мультфильмов с совершенно недетским сюжетом" alt="7 мультфильмов с совершенно недетским сюжетом">
                                            </div>
                                            <div class="clip-card_about">
                                                <div class="clip-card_name tvz-overflow txt-w-sb">Выбор BigPicture</div>
                                                <div class="clip-card_date txt-ellpss txt-s-12 txt-c-9">24.03.2016</div>
                                                <div class="clip-card_description tvz-overflow txt-s-12">7 мультфильмов с совершенно недетским сюжетом</div>
                                            </div>
                                        </a>
    
                                        <a class="clip-card clip-card-action" href="http://www.tvzavr.ru/cosmo-love2" tabindex="-1">
                                            <div class="clip-card_poster-wrap tvz-cap_wrap">
                                                <img class="clip-card_poster tvz-cap_poster" src="/static/img/cosmo.png" title="Про любовь: 10 фильмов о том, как по-разному зарождаются чувства" alt="Про любовь: 10 фильмов о том, как по-разному зарождаются чувства">
                                            </div>
                                            <div class="clip-card_about">
                                                <div class="clip-card_name tvz-overflow txt-w-sb">Выбор Cosmo</div>
                                                <div class="clip-card_date txt-ellpss txt-s-12 txt-c-9">24.03.2016</div>
                                                <div class="clip-card_description tvz-overflow txt-s-12">Про любовь: 10 фильмов о том, как по-разному зарождаются чувства</div>
                                            </div>
                                        </a>
    
                                        <a class="clip-card clip-card-action" href="http://www.tvzavr.ru/snc-summer-journey" tabindex="-1">
                                            <div class="clip-card_poster-wrap tvz-cap_wrap">
                                                <img class="clip-card_poster tvz-cap_poster" src="/static/img/7way.png" title="7 летних фильмов о путешествиях" alt="7 летних фильмов о путешествиях">
                                            </div>
                                            <div class="clip-card_about">
                                                <div class="clip-card_name tvz-overflow txt-w-sb">SNCMEDIA.RU рекомендует</div>
                                                <div class="clip-card_date txt-ellpss txt-s-12 txt-c-9">24.03.2016</div>
                                                <div class="clip-card_description tvz-overflow txt-s-12">7 летних фильмов о путешествиях</div>
                                            </div>
                                        </a>
    
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}
    
        {% endfor %}
    
    <div class="container">
    #	{%include 'banner/banner-728x90-main.html'%}
    </div>
    
    {% include "partials/platforms.html" %}
    
    {% endblock content %}
    Ответ написан
    Комментировать
  • Не могу побороть ошубку?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    По запуску проекта: необходимо клонировать его с ссылки приведенной в описании проблемы запустить npm init, далее - npm run dev и открыть сам проект в браузере по адресу: 127.0.0.1:3000
    Ответ написан
    Комментировать
  • Как в jinja2 выйти из цикла?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Всем спасибо за комментарии. Собственно решение состояло в том, что надо было просто расширить jinja модулем loopcontrols
    app.jinja_env.add_extension('jinja2.ext.loopcontrols')
    Ответ написан
    Комментировать
  • Как подключить модуль с помощью require()?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Здесь подключение выше приведенного модуля к HTML странице:
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    
      <title>Восстановление пароля</title>
    
      <link rel="stylesheet" href="{{ url_for('static', filename='css/reset_password/normalize.css')}}" />
      <link rel="stylesheet" href="{{ url_for('static', filename='css/reset_password/main.css')}}" />
      <!--<script src="{{ url_for('static', filename='js/dist/main.js')}}"></script>-->
      <script src="{{ url_for('static', filename='js/src/pages/profile/restore-pass.js')}}"></script>
    
    </head>
    <body>
    
    {% block content %}
    {% endblock content %}
    
    </body>
    </html>
    Ответ написан
    Комментировать
  • Как протестировать оплату через PayPal?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    вот я зарегистрировал тестовый аккаунт, например, payt@test.ru...на этом аккаунте 9999 руб. Далее из сайта, где ведется разработка, нажимаю кнопку пополнить через пай пал...с помощью JS меня перекидывает на url: https://www.paypal.com/ru/cgi-bin/merchantpaymentw...

    Далее,я соответственно ввожу логин и пароль этого тестового аккаунта, но выходит ошибка, типа неправильно введены адрес почты и пароль....в чем может быть проблема?
    Ответ написан
    Комментировать
  • Изменение значения текстового поля?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    А почему тогда не keypress? оно же более универсальное.
    Ответ написан
  • Как отменить блокировку всплывающих окон?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    а пример какой - нибудь можно?
    Ответ написан
  • Диалоговое окно отсутствия исследуемого шрифта в Photoshop?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Ну это понятно, но у меня на ноуте, при нажатии клавиши ESCAPE исследуемый элемент возвращает исходный неустановленный шрифт, а не заменяет полностью своим по умолчанию как в данной описанной проблеме.
    Ответ написан
    Комментировать
  • Каждые три элемента помещать в обертку?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    webapi.subs.get().then(function(resp){
                var respSubs = [],
                    html = '';
    
    
    
    
                if (resp && resp.status === 0) {
                    respSubs = resp.result["tariffs"];
    
                    respSubs.forEach(function(item, i) {
                        html += self.subsTemplate(item);
                        //wrapper.innerHTML = html;
    
                        if(i % 3 == 0) {
                            var wrapper = document.createElement('div');
                            wrapper.classList.add('row');
                            wrapper.innerHTML = html;
                            self.container.appendChild(wrapper);
                        }
                        
                        html = '';
                    });
                }
            });
    Ответ написан
    Комментировать
  • Как обработать событие touchcancel?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    В проекте нельзя подключать сторонние библиотеки
    Ответ написан
  • Как установить один обработчик на несколько событий на клссическом JS?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Это надо стопятьсот раз писать инструкцию elem.addEventListener
    Ответ написан
  • Функция с event.target не корректно отрабатывает?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    Ну так currentTarget если даже и не будет равен $this, то выполнится target = target.parentNode; пока он не станет им равным...И даже кликнув по форме currentTarget не будет равным $this, но будет выполняться инструкция target = target.parentNode; ...это замкнутый круг какой то((
    Ответ написан
    Комментировать
  • Некорректно срабатывает media queries?

    den0820
    @den0820 Автор вопроса
    Фронтенд Junior разработчик.
    так на секунду показывается именно блок splash с фоном поворота экрана моб. устройства, хотя четко прописаны media queries

    @media (max-width: 640px) and (orientation: landscape) {
        section, footer, .pageNav {
            display: none !important;
        }
    
        .splash {
            display: block;
        }
    }
    из-за которых блок splash, если это планшет, а он явно больше, чем 640 пикселей, не должен показываться вообще.
    Ответ написан
    Комментировать