• Как правильно собрать webpack.config?

    @Alex_87 Автор вопроса
    Михаил, их нет, а не "да неужели"! Если они есть, то просто ткните пожалуйста пальцем!
  • Как правильно собрать webpack.config?

    @Alex_87 Автор вопроса
    Михаил, нормальных готовых вариантов нет!
  • Не работает webpack-dev-server?

    @Alex_87 Автор вопроса
    Михаил, а как надо, скажите пожалуйста?
  • Не работает webpack-dev-server?

    @Alex_87 Автор вопроса
    Михаил, не совсем понимаю при чём здесь стили. Возможно, я что-то не правильно подключаю?
    Вот как сейчас, в index.html
    <link rel="stylesheet" href="dist/style.css">
    тянуться они с папки src/less/style.less
  • Не работает webpack-dev-server?

    @Alex_87 Автор вопроса
    Михаил, попробовал... К сожалению не работает. На всякий случай покажу структуру проекта. Может вам это что-то скажет
    5ee8d681594f7361995286.png
  • Не работает webpack-dev-server?

    @Alex_87 Автор вопроса
    в том то и дело, что ошибки нет! Всё работает! Однако браузер всё равно ручками нужно обновлять...
  • Как при клике, добавлять новое поле input во Vue?

    @Alex_87 Автор вопроса
    dicem, С @click.prevent всё сработало!!! Спасибо!!! Объясните только пожалуйста, почему с '.prevent' начало работать? Что это такое? Читал, что таким образом мы отключаем дефолтное поведение кнопки, но у меня кнопка без submit. Но даже если бы и был submit, всё равно не понятно, что произошло. Почему без этого не работает. И что такое .$set?
  • Как при клике, добавлять новое поле input во Vue?

    @Alex_87 Автор вопроса
    у меня такая же ситуация как и у вас! Поле добавляется только на момент загрузки. После же неё - пропадает! Запустите свой код.
  • Как при клике, добавлять новое поле input во Vue?

    @Alex_87 Автор вопроса
    Dima Polos, вы имеете ввиду любой символ? Потому что, если вы имеете ввиду ЭЛЕМЕНТ, то я не знаю, как это делать... С символом уже пробовал(код выше)
  • Как при клике, добавлять новое поле input во Vue?

    @Alex_87 Автор вопроса
    За пример спасибо, но мне он не подходит. Поле импут должно добавляться столько раз, сколько была нажата кнопка. Массив изначально пуст!
  • Как подходить к организации кода для сайта?

    @Alex_87 Автор вопроса
    Вы подняли интересный вопрос о том, как правильно вбивать запрос. Когда-то читал интересную статью, но я её потерял...
  • Как подходить к организации кода для сайта?

    @Alex_87 Автор вопроса
    Простите, но мне сложно сформулировать сразу свой вопрос. Бывает, что получив ответ, я понимаю, что меня не правильно поняли, и задаю уточняющий вопрос) Я разделю свой вопрос на два пункта. Но прежде, оговорюсь, что дело не в заказчиках и не CMS. Мои вопросы не сводятся к ним. Я заказчик и web-разработчик. И я вообще не рассматриваю использование. Считаю, что они убивают развитие начинающего разработчика… У меня есть знания по html/css и уверенная база по js(кроме понимания типов данных, знание о замыкании, лексическом окружении,функции, колбэков, объектов и прототипов, DOM, геттеры и сеттеры, синтаксис ES2015, базовое понимание http запросов, понимание зачем нужен асинхронный код)

    1) Представим, что нужно сделать сайт с несколькими страницами. И тут, я как начинающий, сталкиваюсь с вопросами:
    - как разделить код, писать всё в одном js файле, или разделить его? Если разделить, то какие механизмы существуют? Я знаю, что в этом случае, нередко используются модули(import export). Но даже здесь нет уверенности в том, что должно быть в главном модуле, куда будут импортироваться другие части js кода
    - далее, я слышал про MVC, как про один из паттернов. И опять вопрос, в каком случае его использовать? Для каких типов сайта. И зачем нужны остальные паттерны? шаблоны и шаблонизаторы(мне это вообще ни о чём не говорит)
    2) И я так понимаю, что SPA и МPA это всего лишь выбор какой-то методики организации кода, я прав?
    Я готовлюсь к началу изучение фрейморка VUE. У меня нет чётко понимания, какие знаниями я должен обладать, чтобы с уверенностью сказать, да, я могу приступать к изучению фрейморка. Нужны ли ниже перечисленные знания, прежде чем начать учить VUE
    - Не совсем понятно, где прочитать про отрисовку элементов браузером? Как это называется?
    - обязательны ли знания по HTML Templates, Custom Elements, Shadow DOM?
    - и что по вашему нужно?
    - Что больше относится к VUE, SPA или MPA?
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0, не заметил этого в документации... Да, теперь работает. Ответьте пожалуйста мне на некоторые вопросы по документации. Ваш ответ меня не много запутал.
    1) Почему нужно отключать serverSide?
    2) Что такое "pageLength" и почему мы указываем ему параметр, в данном случае 15
    3) Как использовать все остальные параметры, к примеру length или recordsTotal? Правильно ли будет следующая запись, к примеру: info.length? Достаточно ли это будет? Не нужно ли сюда что-то добавлять?
    var table = $('#example').DataTable( {
                "processing": true,
                "serverSide": false,
                "ajax": "getData.php",
                "pageLength": 15,
            } );

    {
        "page": 1,
        "pages": 6,
        "start": 10,
        "end": 20,
        "length": 10,
        "recordsTotal": 57,
        "recordsDisplay": 57,
        "serverSide": false
    }


    Большое спасибо за уже оказанную помощь. Без неё, долго бы провозился. Не до конца я понимаю эту документацию..
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0, да, код тот же что и выше. Но мне не сложно его ещё раз передать. Что у меня не так, подскажите...
    <!DOCTYPE html>
    <html lang="en-us">
      <head>
        <meta charset="utf-8">
        <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
        <title> Test</title>
        <meta name="description" content="">
        <meta name="author" content="">	
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <script
      src="https://code.jquery.com/jquery-2.2.4.min.js"
      integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
      crossorigin="anonymous"></script>
      <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">		
      </head>	
      <body class="">
            <div class="container">
                <table id="example" class="display" style="width:100%">
                    <thead>
                        <tr>
                            <th>First name</th>
                            <th>Last name</th>
                            <th>Position</th>
                            <th>Office</th>
                            <th>Start date</th>
                            <th>Salary</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>First name</th>
                            <th>Last name</th>
                            <th>Position</th>
                            <th>Office</th>
                            <th>Start date</th>
                            <th>Salary</th>
                        </tr>
                    </tfoot>
                </table>
                <div id="tableInfo"></div>
          </div>
      </body>
    <script>
        $(document).ready(function() {
           var table = $('#example').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax": "getData.php",   
            } );
            
            $('#example').on( 'page.dt', function () {
                var info = table.page.info();
               $('#tableInfo').html( 'Currently showing page '+info.page+' of '+info.pages+' pages.');
       } );
    
    } );
    </script>
    </html>
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0, у меня вообще ничего не показывает))
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0,
    Почему то не работает.

    ...
    </table>
          </div>
          <div id="tableInfo"></div>
    	</body>
    <script>
        $(document).ready(function() {
           var table = $('#example').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax": "getData.php",
         
            } );
            
            $('#example').on( 'page.dt', function () {
                var info = table.page.info();
               $('#tableInfo').html( 'Currently showing page '+info.page+' of '+info.pages+' pages.');
       } );
    
    } );
    </script>
    </html>


    Ожидаемый результат: запись строки 'Currently showing page '+info.page+' of '+info.pages+' pages.' в
    На данный момент вообще ничего не записывается
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0, и скажи пожалуйста, где ты этот код в документации нашёл?
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0, пробую записать в код выше, чёт не выходит... Как записать и проверить на вывод?
  • Как правильно склеить две глобальные переменные SERVER?

    @Alex_87 Автор вопроса
    AUser0, хочу вывести отдельно значения
    length - количество отображаемых страниц.
    page - текущая страница
    totalCount - сумма всех страниц
    Записать их в отдельные переменные и выводить, где захочу.
    Вроде нашёл, что за всё это отвечает page.info() но у меня почему-то не работает...
    https://datatables.net/reference/api/page.info()#E...
    <!DOCTYPE html>
    <html lang="en-us">
    	<head>
    		<meta charset="utf-8">
    		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
    		<title> Test</title>
    		<meta name="description" content="">
    		<meta name="author" content="">	
    		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
            <script
      src="https://code.jquery.com/jquery-2.2.4.min.js"
      integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
      crossorigin="anonymous"></script>
      <script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">
        <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">		
    	</head>	
    	<body class="">
            <div class="container">
                <table id="example" class="display" style="width:100%">
                    <thead>
                        <tr>
                            <th>First name</th>
                            <th>Last name</th>
                            <th>Position</th>
                            <th>Office</th>
                            <th>Start date</th>
                            <th>Salary</th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>First name</th>
                            <th>Last name</th>
                            <th>Position</th>
                            <th>Office</th>
                            <th>Start date</th>
                            <th>Salary</th>
                        </tr>
                    </tfoot>
                </table>
                <div id="tableInfo"></div>
          </div>
    	</body>
    <script>
        $(document).ready(function() {
           var table = $('#example').DataTable( {
                "processing": true,
                "serverSide": true,
                "ajax": "getData.php",
                
            } );
            var info = table.page.info();
     
    $('#tableInfo').html(
        'Currently showing page '+(info.page+1)+' of '+info.pages+' pages.'
    );
    
    } );
    </script>
    </html>


    Хотел вывести в
    <div id="tableInfo"></div>