Ответы пользователя alex

Просто JS действие?

alex @potapchino

document.querySelectorAll('a').forEach(link => {
  if (link.pathname === window.location.pathname) {
    link.classList.add('active')
  } else {
    link.classList.remove('active')
  }
})

Ответ написан 18 февр.

Комментировать

Нравится 5 Комментировать

Почему b == number?

alex @potapchino

потому что на самом деле ваш код выглядит вот так:

var b;

if(true) {
  let a = b = 200;
}

console.log( typeof a ); // undefined
console.log( typeof b ); // number

чтобы было как вы ожидаете, нужно сделать вот так:

if(true) {
  let b;
  let a = b = 200;
}

console.log( typeof a ); // undefined
console.log( typeof b ); // undefined

Ответ написан 06 февр.

Комментировать

Нравится 3 Комментировать

Как сделать анимацию в js?

alex @potapchino

.portfolio__case {
  transform: translateY(0px);
  transition: transform ease .1s;
}

.portfolio__case:hover .portfolio__button {
  display: block;
  transform: translateY(-1px);
}

Ответ написан 05 февр.

7 комментариев

Нравится 1 7 комментариев

Как центрировать img внутри div?

alex @potapchino

object-fit: cover

object-fit: contain

Ответ написан 04 февр.

Комментировать

Нравится 1 Комментировать

Как прибавить 2 числа друг к другу и умножить на 2?

alex @potapchino

p = (+length + +width) * 2;

а лучше так

var p, s_house, s_masonry, total;

  // Ширина дома
  var width = parseInt($('#width-metr').val());
  
  // Высота дома
  var height = parseInt($('#height-metr').val());
  
  // Длинна дома 
  var length = parseInt($('#length-metr').val());

  // Площадь двери и окна
  var s_wind_doors = parseInt($('#more-metr').val());
  
  // Вычислить площадь
  p = (length + width) * 2;
  console.log('Периметр дома:', p);

Ответ написан 19 янв.

3 комментария

Нравится 1 3 комментария

Почему получаю ошибку too much recursion?

alex @potapchino

constructor(year) {
  this._year = year;
}

Ответ написан 16 янв.

Комментировать

Нравится 1 Комментировать

Почему reduce выдаёт NaN вместо чисел?

alex @potapchino

вам сумму на каждой итерации нужно возвращать из reduce, а вы не возвращаете

spoiler

var arr = [1,2,3,4,5]

  function getSums(arr) {

    let res = []

    arr.reduce((sum, current) => {
      res.push(sum+current)
      return sum + current
    },0)


    return res

  }

  console.log(getSums(arr))

Ответ написан 16 янв.

4 комментария

Нравится 4 комментария

Как правильно написать регулярное выражение на проверку двух последних символов?

alex @potapchino

function func(string, chars) {
  return string
    .slice(-2)
    .split('')
    .some(char => chars.includes(char))
}

func('qlw2e3r4!@#$', ['#', '$']) // true
func('qlw2e3r4!@#$00', ['#', '$']) // false
func('0', ['#', '$']) // false
func('00#0', ['#', '$']) // true

Ответ написан 15 янв.

Комментировать

Нравится Комментировать

Как работают эти строчки?

alex @potapchino

function countIdentic(arr) {
    return arr
      .sort()
      .reduce((acc, n, i) => arr[i + 1] === n && arr[i - 1] !== n ? ++acc : acc, 0)
}

Ответ написан 10 янв.

4 комментария

Нравится 1 4 комментария

Как связать 2 объекта в js?

alex @potapchino

class Car {
  constructor(model, color) {
    this.model = model
    this.color = color
    
    this.passengers = []
  }
  
  sit(passengers) {
    this.passengers = this.passengers.concat(passengers)
  }
}

class People {
  constructor(name, age) {
    this.name = name
    this.age = age
  }
  
  greet() {
    alert(`Hello, I'm ${this.name}`)
  }
}

const boomer = new Car('BMW', 'black')

const alex = new People('Alex', '26')
const vika = new People('Vika', '27')

boomer.sit([alex, vika])

boomer.passengers.forEach(function (passenger) {
  passenger.greet()
})

Ответ написан 08 янв.

6 комментариев

Нравится 6 комментариев

Как сделать смену цвета при ховере одновременно и на свг, и псевдо?

alex @potapchino

.main-header__icon--like:hover:after{
  background-color: blue;
}

Ответ написан 22 дек. 2019

Комментировать

Нравится 1 Комментировать

Как вызвать action из другого файла state?

alex @potapchino

dispatch('logger/logger', null, { root: true });

Ответ написан 11 дек. 2019

Комментировать

Нравится 1 Комментировать

Почему числа склеиваются вместо сложения?

alex @potapchino

sum += +res[i]

Ответ написан 05 дек. 2019

1 комментарий

Нравится 2 1 комментарий

на самом деле тут нет однозначно верного решения. их множество и все они могут быть правильными. для начала нужно посмотреть на этот кусок интрфейса и определиться, что тут может быть блоками. все зависит от степени переиспользуемости которая вам нужна. можно все одним блоком сделать или например выделить 4 блока:

контейнер
<div class="container"></div>

тайтл
<div class="title"></div>

превью работы

<div class="project-preview">
    <div class="project-preview__image"></div>
  </div>

сама секция портфолио

<div class="portfolio-section">
    <div class="portfolio-section__inner">
      <div class="portfolio-section__title"></div>
      <div class="portfolio-section__grid">
        <div class="portfolio-section__preview"></div>
        <div class="portfolio-section__preview"></div>
        <div class="portfolio-section__preview"></div>
        ...
      </div>
    </div>
  </div>

далее все это соединям вместе миксуя блоки на одной dom-ноде

<div class="portfolio-section">
    <div class="portfolio-section__inner container">
      <div class="portfolio-section__title title">Портфолио</div>
      <div class="portfolio-section__grid">
        <div class="portfolio-section__preview project-preview">
          <div class="project-preview__image"></div>
        </div>
        <div class="portfolio-section__preview project-preview">
          <div class="project-preview__image"></div>
        </div>
        <div class="portfolio-section__preview project-preview">
          <div class="project-preview__image"></div>
        </div>
        <div class="portfolio-section__preview project-preview">
          <div class="project-preview__image"></div>
        </div>
      </div>
    </div>
  </div>

Ответ написан 05 дек. 2019

1 комментарий

Нравится 2 1 комментарий

Зачем нужен return вообще кроме окончания функцыи?

alex @potapchino

функция всегда что-то возвращает. чтобы указать, что именно функция должна возвратить, используется ключевое слово return. это и есть его суть. даже если его(return) нет в теле функции, функция все равно вернет undefined по умолчанию.

spoiler

эта функция вернет undefined, т.к. ключевого слова return нет.

function func() {
  var a = 5;
  var b = 10;
  var sum = a + b;
}
var result = func()
console.log(result) // undefined

эта функция вернет строку 'i love js', т.к. вы явно на это указали с помощью ключевого слова return.

function func() {
  var a = 5;
  var b = 10;
  var sum = a + b;
  return 'I love js';
}
var result = func()
console.log(result) // 'I love js'

вернет сумму двух чисел

function func() {
  var a = 5;
  var b = 10;
  var sum = a + b;
  return sum;
}
var result = func()
console.log(result) // 15

вернет сумму двух чисел

function func(a, b) {
  var sum = a + b;
  return sum;
}
var result = func(3, 7)
console.log(result) // 10

тоже самое

function func(a, b) {
  return a + b;
}
var result = func(2, 2)
console.log(result) // 4

следующие две функции возвращают undefined. первая явно, вторая неявно

function func1() {
  return undefined;
}
var result = func1()
console.log(result) // undefined


function func2() {
  
}
var result = func2()
console.log(result) // undefined

вернет другую функцию

function func() {
  return function () {
    return 'ааа сложнааа'
  };
}
var result = func()
var result2 = result()
console.log(result) // function func()
console.log(result2) // 'ааа сложнааа'
console.log(func()()) // 'ааа сложнааа'

как только в функции встречается это ключевое слово, интерпретатор немедленно останваливает выполненние функции(выходит из нее) и возвращает то что написано после этого ключевого слова. именно поэтому этот цикл выполнит всего лишь одну итерацаю, а не 100, как и должно, и вернет 1.

function func() {
  for (var i = 1;  i < 100; i = i + 1) {
    return i
  }
}
var result = func()
console.log(result) // 1

а вот так вернет 100

function func() {
  for (var i = 1;  i < 100; i = i + 1) {
    
  }
  return i
}
var result = func()
console.log(result) // 100

а вот так вернет undefined

function func() {
  for (var i = 1;  i < 100; i = i + 1) {
    
  }
  return 
}
var result = func()
console.log(result) // undefined

Ответ написан 04 дек. 2019

1 комментарий

Нравится 2 1 комментарий

Как сделать редирект из javascript alert с вводом ссылки?

alex @potapchino

var test = prompt();
window.open(test, '_blank');

Ответ написан 03 дек. 2019

1 комментарий

Нравится 2 1 комментарий

Не могу найти что блокирует выделение/копирование текста на сайте?

alex @potapchino

<a id="toTop">&#10148;</a>

        <meta http-equiv="imagetoolbar" content="no"><!-- disable image toolbar (if any) -->
        <script type="text/javascript">
            /*<![CDATA[*/
            document.oncontextmenu = function() {
                return false;
            };
            
            // ---удалить это---
            document.onselectstart = function() {
                if (event.srcElement.type != "text" && event.srcElement.type != "textarea" && event.srcElement.type != "password") {
                    return false;
                }
                else {
                    return true;
                }
            };
            // -------

            // ---и это---
            if (window.sidebar) {
                document.onmousedown = function(e) {
                    var obj = e.target;
                    if (obj.tagName.toUpperCase() == 'SELECT'
                            || obj.tagName.toUpperCase() == "INPUT"
                            || obj.tagName.toUpperCase() == "TEXTAREA"
                            || obj.tagName.toUpperCase() == "PASSWORD") {
                        return true;
                    }
                    else {
                        return false;
                    }
                };
            }
            // ------

            document.ondragstart = function() {
                return false;
            };
            /*]]>*/
        </script>

Ответ написан 27 нояб. 2019

2 комментария

Нравится 1 2 комментария

Как мне складывать сумму массива Vue JS?

alex @potapchino

var app = new Vue({
  el: '#calculate',
  data: {
    dataFields: []
  },
  computed: {
    totalPrice () {
      return this.dataFields.reduce((acc, n) => {
         return acc += n
      }, 0)
    }
  }
});

Ответ написан 27 нояб. 2019

3 комментария

Нравится 3 3 комментария

Почему не работает код JS?

alex @potapchino

let age = prompt('Сколько вам лет?', '')
let message

if (age > 100) {
  alert(`Да ты гигант! Целых(й) ${age} лет(год).`)
} else if (age >= 18) {
  alert('Да ты большой!');
} else if (age < 18) {
  alert('Ещё недорос :)');
}

Ответ написан 25 нояб. 2019

1 комментарий

Нравится 1 1 комментарий

Почему не корректно работает focus?

alex @potapchino

input[name=name]:focus, 
textarea[name=text]:focus{
  box-shadow: 0 0 10px 4px #000;
}

Ответ написан 24 нояб. 2019

Комментировать

Нравится 1 Комментировать

Войдите на сайт