• Как отобразить svg?

    @Alex_87 Автор вопроса
    Рустам Байназаров, а если вставлять так, то как менять цвет?
    <img src="img/mail.svg" alt="За стеклом" width="30px;" height="30px;" style="color: red;">


    color не помогает
  • Как вывести иконку fontawesome через псевдоэлемент?

    @Alex_87 Автор вопроса
    в том то и дело, что сейчас нужно не стандартным способом. Стандартным действительно выводится
  • Как вывести иконку fontawesome через псевдоэлемент?

    @Alex_87 Автор вопроса
    а что именно не так с синтаксисом, подскажите
    .map-i{
            &::before{}
    }
  • Как вывести иконку fontawesome через псевдоэлемент?

    @Alex_87 Автор вопроса
    Rsa97,
    да, подключён:
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
  • Как правильно установить outputPath для file-loader?

    @Alex_87
    motr, у меня с этими путями тоже проблема. Посмотрите пожалуйста мой вопрос: Как настроить пути к картинкам в CSS при билде в webpack?
  • Как узнать, в каком объекте мы находимся?

    @Alex_87 Автор вопроса
    Дмитрий, Спасибо! Я забыл передать el в качестве аргумента!
  • Как узнать, в каком объекте мы находимся?

    @Alex_87 Автор вопроса
    Логика должна быть следующей:
    if(el.name == 'Name'){
    console.log("Это поле name")
    }

    Но такая запись в условии, выдаёт ошибку:
    vue.js:1418 Uncaught ReferenceError: el is not defined
  • Уместно ли использование здесь жизненного цикла mounted?

    @Alex_87 Автор вопроса
    0xD34F,
    Но невольное саморазоблачение получилось на пять баллов

    Что вы придумываете? Я вам искренне желаю совершить подобную опечатку и поймать такого же клеща, который прицепиться на ровном месте. Лучше вы бы направили свою внимательность на то, чтобы присмотреться к сути вопроса и понять, что нужно написать в ответ!
    Я ещё раз повторяю, что в ваших рекомендациях не было решение данного вопроса. Можете ещё раз скинуть и вместе убедимся в этом!
  • Уместно ли использование здесь жизненного цикла mounted?

    @Alex_87 Автор вопроса
    0xD34F,
    Уже помог. Когда вы опубликовали этот вопрос в первый раз, я предложил ссылку на решённый вопрос с косяком, аналогичным вашему.

    Не было в ваших предложенных ссылках решение данного вопроса, поскольку моя проблема относится не к js, а ко VUE. Дело даже не столько в хуки mounted, а в том, как сделать так, чтобы он cработал когда нужно. Если нужно подвязать на событие и использовать не хуки а метод, поскольку хуки здесь не обязательно, то на какое событие его подвесить(я пробовал на событие scroll. alert в теле срабатывал, но this.show = true, нет. Плюс, alert не удалялся при клике на кнопку, что вообще не понятно) И второй, небольшой вопрос. как при клике на checkbox, разблокировать кнопку. Вопросы чисто по VUE
    P.S. Опечатка не является преступление. Это просто опечатка.
  • Уместно ли использование здесь жизненного цикла mounted?

    @Alex_87 Автор вопроса
    0xD34F, Давайте не будем оценивать мой знания js, как и вашу культуру общения! Я пришёл сюда за тем, чтобы мне помогли! А судя по тому, как грубо вы себя ведёте, могу с уверенностью сказать, что как раз ВЫ не понимаете куда вы пришли и что вы должны здесь делать. Освежите память касаемо своих обязанностей. Вместо того, чтобы спокойно помочь, вы плюетесь ядом, при чём даже не объясняя почему вы это делаете, равно как и что за ошибка в коде! Вместо того, что не тратить время на пустые обвинения, которые принижают вас как человека, лучше бы помогли, пусть даже наводящими вопросами, которые помогли бы в конечном итоге решить проблему.
    И ещё, прошу переадресовать мой вопрос другому модератору, поскольку с вами я не хочу более говорить, если вы не в состоянии объяснить, что не так с вопросом!
  • Уместно ли использование здесь жизненного цикла mounted?

    @Alex_87 Автор вопроса
    0xD34F, Скажи пожалуйста, какие правила я нарушил?

    P.S. Естественно я сначала освоил js и только после перешёл к изучению vue
  • Как сделать интернет магазин на чистом js с использованием node.js в качестве бэкенда?

    @Alex_87 Автор вопроса
    WbICHA,
    а какая разница? Хоть в текстовый файл всё сохраняй.

    А если реальный проект надо сделать?
  • Как сделать интернет магазин на чистом js с использованием node.js в качестве бэкенда?

    @Alex_87 Автор вопроса
    А зачем? И как ты себе это представляешь?

    Для понимания процесса работы, только и всего! Реальный проект конечно никто не делает на чистом js
  • Как сделать интернет магазин на чистом js с использованием node.js в качестве бэкенда?

    @Alex_87 Автор вопроса
    Magnus Keef, Касаемо вопроса, курсовая эта работа, отвечу сразу что нет! Просто хочется понять как всё работает и как всё устроенно! Я имею представление о базе данных, даже было дело, добавлял комментарии и с выводом их на страницу, при условии, что он одобрен модератором... Но, это я делал на php. Плюс, меня больше даже волнует как научиться проектировать базу данных, пусть даже небольших сайтов. Как правильно думать в этом направлении. Ведь те ребята, что создают на фрилансе интерне-магазины как-то это делают сами, вопрос как? И как праверить, правильно ли ты сделать таблицу/связь...
  • Как сделать интернет магазин на чистом js с использованием node.js в качестве бэкенда?

    @Alex_87 Автор вопроса
    Спасибо за развёрнутый ответ! По поводу базы данных, то хотелось бы использовать MySQL с Node.js! Это возможно? Касаемо frontend, то я уже выбрал VUE на будущие. Сейчас хотелось бы научиться что-то сделать на чистом js, с использованием паттерна MVC
  • Как настроить autoprefix в webpack?

    @Alex_87 Автор вопроса
    Михаил, Вот что сделал! В комментарии указанно, с какого места по какое добавлено:
    module: {
        rules: [
          {
            test: /\.css$/,
            use: [MiniCssExtractPlugin.loader, 'css-loader']
          },
          {
            test: /\.less$/,
            use: [MiniCssExtractPlugin.loader, 'css-loader', 'less-loader']
          },
    
          // ТО ЧТО ДОБАВИЛ
          {
            loader: 'css-loader', options: {
              sourceMap: true, modules: true,
              localIdentName: '[local]_[hash:base64:5]'
            }
          },
          {
            loader: 'postcss-loader',
            options: {
              sourceMap: true,
              config: {
                path: 'postcss.config.js'
              }
            }
          },
          {
            loader: 'sass-loader', options: { sourceMap: true }
          },
    
     // Конец
          {
            test: /\.scss$/,
            use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader']
          },
          { 
            test: /\.(js|ts)$/, 
            exclude: /node_modules/, 
            loader: "babel-loader" 
          }
        ]
      }


    Ошибка следующая:

    Insufficient number of arguments or no entry found.
    Alternatively, run 'webpack(-cli) --help' for usage info.
    
    Hash: 9b0580e2781cd65be4e2
    Version: webpack 4.44.2
    Time: 329ms
    Built at: 2020-12-19 01:07:40
    
    ERROR in Entry module not found: Error: Can't resolve 'sass-loader' in 'C:\Users\Алексей\Desktop\Voyage'
    
    ERROR in   Error: Child compilation failed:
      Entry module not found: Error: Can't resolve 'sass-loader' in 'C:\Users\Алексей\Desktop\Voyage':
      Error: Can't resolve 'sass-loader' in 'C:\Users\Алексей\Desktop\Voyage'
      
      - compiler.js:79 childCompiler.runAsChild
        [Voyage]/[html-webpack-plugin]/lib/compiler.js:79:16
      
      - Compiler.js:343 compile
        [Voyage]/[webpack]/lib/Compiler.js:343:11
      
      - Compiler.js:681 hooks.afterCompile.callAsync.err
        [Voyage]/[webpack]/lib/Compiler.js:681:15
      
      
      - Hook.js:154 AsyncSeriesHook.lazyCompileHook
        [Voyage]/[tapable]/lib/Hook.js:154:20
      
      - Compiler.js:678 compilation.seal.err
        [Voyage]/[webpack]/lib/Compiler.js:678:31
      
      
      - Hook.js:154 AsyncSeriesHook.lazyCompileHook
        [Voyage]/[tapable]/lib/Hook.js:154:20
      
      - Compilation.js:1423 hooks.optimizeAssets.callAsync.err
        [Voyage]/[webpack]/lib/Compilation.js:1423:35
      
      
      - Hook.js:154 AsyncSeriesHook.lazyCompileHook
        [Voyage]/[tapable]/lib/Hook.js:154:20
      
      - Compilation.js:1414 hooks.optimizeChunkAssets.callAsync.err
        [Voyage]/[webpack]/lib/Compilation.js:1414:32
      
      
      - index.js:321 taskRunner.run
        [Voyage]/[uglifyjs-webpack-plugin]/dist/index.js:321:9
      
      - TaskRunner.js:46 TaskRunner.run
        [Voyage]/[uglifyjs-webpack-plugin]/dist/TaskRunner.js:46:7
      
      - index.js:227 UglifyJsPlugin.optimizeFn
        [Voyage]/[uglifyjs-webpack-plugin]/dist/index.js:227:18
      
      
      
      - next_tick.js:68 process._tickCallback
        internal/process/next_tick.js:68:7
      
    
    Child html-webpack-plugin for "index.html":
    
        ERROR in Entry module not found: Error: Can't resolve 'sass-loader' in 'C:\Users\Алексей\Desktop\Voyage'
    npm ERR! code ELIFECYCLE
    npm ERR! errno 2
    npm ERR! test@1.0.0 build: webpack --mode production --open
    npm ERR! Exit status 2
    npm ERR!
    npm ERR! Failed at the test@1.0.0 build script.
    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
    
    npm ERR! A complete log of this run can be found in:
    npm ERR!     C:\Users\Алексей\AppData\Roaming\npm-cache\_logs\2020-12-18T23_07_41_390Z-debug.log


    прописывал при этом команду npm run build
    Вот сам package.json:
    {
      "name": "test",
      "version": "1.0.0",
      "description": "only for test from webformyself",
      "main": "index.js",
      "scripts": {
        "dev": "webpack-dev-server --mode development --open",
        "build": "webpack --mode production --open"
      },
      "keywords": [
        "javascript"
      ],
      "author": "Alexei",
      "license": "ISC",
      "devDependencies": {
        "@babel/cli": "^7.12.1",
        "@babel/core": "^7.12.3",
        "@babel/preset-env": "^7.12.1",
        "autoprefixer": "^10.1.0",
        "babel-loader": "^8.1.0",
        "css-loader": "^3.6.0",
        "file-loader": "^4.3.0",
        "html-webpack-plugin": "^3.2.0",
        "less": "^3.12.2",
        "less-loader": "^5.0.0",
        "mini-css-extract-plugin": "^0.8.2",
        "optimize-css-assets-webpack-plugin": "^5.0.4",
        "postcss-loader": "^4.1.0",
        "smart-grid": "^2.1.2",
        "style-loader": "^1.3.0",
        "uglifyjs-webpack-plugin": "^2.2.0",
        "webpack": "^4.44.2",
        "webpack-cli": "^3.3.12",
        "webpack-dev-server": "^3.11.0"
      },
      "dependencies": {
        "@babel/polyfill": "^7.12.1",
        "@popperjs/core": "^2.5.4",
        "bootstrap": "^4.5.3",
        "jquery": "^3.5.1",
        "popper.js": "^1.16.1"
      },
    
      "browserslist": [
        "defaults",
        "not ie < 11",
        "last 2 versions",
        "> 1%",
        "iOS 7",
        "last 3 iOS versions"
      ]
    }
  • Как настроить autoprefix в webpack?

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

    @Alex_87 Автор вопроса
    Очень красиво сделано! Спасибо! А как при очищения поля, очищать список с названиями городов?
    Пробовал в событии input прописать следующий код, но ничего не получилось:
    if(!filterValue){
    filterResult.innerHTML = '';
    }
  • Как собрать статистику DOM-дерева?

    @Alex_87 Автор вопроса
    РЕШЕНИЕ НАЙДЕНО!!!

    obj.tags[children[i].tagName] = (obj.tags[children[i].tagName] || 0) + 1;
  • Как рекурсивно удалить текстовые узлы?

    @Alex_87 Автор вопроса
    syntaxorange, решение задачи следующее:
    var container = document.querySelector('span');
    
    	function deleteTextNodesRecursive(arg){
    		var children = arg.childNodes;
    		for(var i = 0; i < children.length; i++){
    			if(children[i].nodeType == 3){
                    arg.removeChild(children[i--]);
    			}else if(children[i].nodeType == 1){
                   if(children[i].hasChildNodes()){
    				var newArg = children[i];
    				deleteTextNodesRecursive(newArg);
    			  }
    			}
    		   }
    	
    		return container;
    			
    		}
    	
    	console.log(deleteTextNodesRecursive(container));

    Только не понятно в этой строчке "arg.removeChild(children[i--]);" это children[i--]. Зачем нужен минус "--"?
    Мне просто здесь подсказали подправить код, я подправил и заработало! Но не понятен этот момент!