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

Выборка на хабре ограничена полностью?

AngReload @AngReload

Кратко о себе

https://habr.com/top/alltime/ - это нужно?

Ответ написан более трёх лет назад

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

Как увеличивать число в один раз при клике?

AngReload @AngReload

Кратко о себе

А что не так?

Ответ написан более трёх лет назад

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

Как вырезать участок текста с помощью регулярных выражений?

AngReload @AngReload

Кратко о себе

let r = /(((hostname)|(version)|(udp\/ip)|(map)|(players)).+\n)+[\n]+(#.+\n)+/g;
let s = `Какой-то левый ненужный текст
hostname: [v34] Территория
version : 1.0.0.34/7 4100 insecure
udp/ip : 46.174.50.125:55555
map : aim_ag_texture_city at: 0 x, 0 y, 0 z
players : 15 (24 max)

# userid name uniqueid connected ping loss state adr
# 224 "Deablo" STEAM_0:0:1541978496 23:00 81 0 active 83.234.93.14:27005
# 207 "THE MAAAYYYOOORRR" STEAM_0:0:335595225 52:35 56 0 active 178.141.1.40:27005
# 175 "G-SHOCK" STEAM_0:0:171410046 1:38:54 61 0 active 185.29.53.179:27005
# 245 "B-[52]# НеПоКоРНыЙ" STEAM_0:0:1616617055 01:03 85 0 active 176.59.66.121:13535
# 167 "TRIGGGER :x" STEAM_0:0:1921753392 2:07:48 103 0 active 46.133.16.5:58019
# 231 "Ник" STEAM_0:0:123039129 14:06 47 0 active 94.19.171.241:27005
# 194 "- t e q i l k a :j" STEAM_0:0:454570035 1:17:45 48 0 active 130.255.62.255:27005
# 244 "Rays" STEAM_0:0:1636160806 03:06 56 0 active 92.38.71.70:12129
# 227 "38_RUS Kasper_7463" STEAM_0:0:1591082612 19:15 106 0 active 185.54.179.144:48660
# 228 "-_-Калыван-_-" STEAM_0:0:1418104875 19:08 58 0 active 92.38.68.26:4661
# 240 "InTELLIGEnT" STEAM_0:1:787924836 05:50 70 0 active 37.212.5.246:28793
Следующий ненужный текст...
"

Необходим вырезать оттуда именно этот участок:
hostname: [v34] Территория
version : 1.0.0.34/7 4100 insecure
udp/ip : 46.174.50.125:55555
map : aim_ag_texture_city at: 0 x, 0 y, 0 z
players : 15 (24 max)

# userid name uniqueid connected ping loss state adr
# 224 "Deablo" STEAM_0:0:1541978496 23:00 81 0 active 83.234.93.14:27005
# 207 "THE MAAAYYYOOORRR" STEAM_0:0:335595225 52:35 56 0 active 178.141.1.40:27005
# 175 "G-SHOCK" STEAM_0:0:171410046 1:38:54 61 0 active 185.29.53.179:27005
# 245 "B-[52]# НеПоКоРНыЙ" STEAM_0:0:1616617055 01:03 85 0 active 176.59.66.121:13535
# 167 "TRIGGGER :x" STEAM_0:0:1921753392 2:07:48 103 0 active 46.133.16.5:58019
# 231 "Ник" STEAM_0:0:123039129 14:06 47 0 active 94.19.171.241:27005
# 194 "- t e q i l k a :j" STEAM_0:0:454570035 1:17:45 48 0 active 130.255.62.255:27005
# 244 "Rays" STEAM_0:0:1636160806 03:06 56 0 active 92.38.71.70:12129
# 227 "38_RUS Kasper_7463" STEAM_0:0:1591082612 19:15 106 0 active 185.54.179.144:48660
# 228 "-_-Калыван-_-" STEAM_0:0:1418104875 19:08 58 0 active 92.38.68.26:4661
# 240 "InTELLIGEnT" STEAM_0:1:787924836 05:50 70 0 active 37.212.5.246:28793 `;
console.log(s.match(r));

Ответ написан более трёх лет назад

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

Как правильно решать вопрос с математикой в JS?

AngReload @AngReload

Кратко о себе

Не очень понятно, откуда у вас появляется число 1.005.
Если оно записано в коде, то вместо 1.005 * 1000 просто пишите 1005
Если оно приходит из инпута, то вместо приведения к числу Number("1.005"), разделите целую и дробную часть

let [integerPart, fractionalPart] = '100.05'.match(/[0-9]+/g); // [ '100', '05']
result = Number(integerPart) * 1000 + Number(fractionalPart);

Если что-то сложнее, то пользуйтесь библиотеками типа https://github.com/MikeMcl/big.js/

Ответ написан более трёх лет назад

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

Как сделать чтобы блоки не переносились?

AngReload @AngReload

Кратко о себе

.editor-item ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  overflow: hidden;
  white-space: nowrap; /* переносить слова? */
}

.editor-item ul li{
  overflow: hidden;
  list-style: none;
  display: inline-block;
  padding: 10px;
}

https://codepen.io/AngReload/pen/JwRemO?editors=1100
Разумеется, при ширине меньше 350px текст не вмещается и обрезается.

Ответ написан более трёх лет назад

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

Как починить расширение firefox, которое сломалось после перехода на WebExtension?

AngReload @AngReload

Кратко о себе

Расширение может оповещать о смене tabId

function handleActivated(activeInfo) {
  console.log("Tab " + activeInfo.tabId + " was activated");
  fetch('http://localhost:8080/' + activeInfo.tabId);
}
browser.tabs.onActivated.addListener(handleActivated);

И, например nodejs, может отслеживать запросы по localhost и управлять раскладкой.

Ответ написан более трёх лет назад

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

Как изменить цвет png на node js?

AngReload @AngReload

Кратко о себе

'use strict';

const request = require('request');
const fs = require('fs');
const PNG = require('pngjs').PNG;

const MY_COLOR = [0, 128, 255];

request('https://hsto.org/webt/5c/18/70/5c1870eb0ca6c415076037.png')
  .pipe(new PNG({
    filterType: 4
  }))
  .on('parsed', function () {
    for (var y = 0; y < this.height; y++) {
      for (var x = 0; x < this.width; x++) {
        var idx = (this.width * y + x) << 2;
        this.data[idx + 0] = MY_COLOR[0];
        this.data[idx + 1] = MY_COLOR[1];
        this.data[idx + 2] = MY_COLOR[2];
        this.data[idx + 3] = this.data[idx + 3];
      }
    }

    this.pack().pipe(fs.createWriteStream('result.png'));
  });

Ответ написан более трёх лет назад

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

Почему не удается отредактировать изображение?

AngReload @AngReload

Кратко о себе

https://st.motortrend.com/uploads/sites/10/2017/11/2018-infiniti-q60-luxe-coupe-angular-front.png

Несмотря на то что url заканчивается на png сервер если захочет, то может отдать хоть gif, хоть jpeg. Или вообще веб-страничку покажет. Окончание .png нужно только для удобства пользователей.

Так для Хрома и других браузеров на его основе сервер отдаёт не png, а webp. WebP - это более новый формат картинок, который лучше сжимается. Но его поддерживают даже не все браузеры, а графические редакторы тем более.

В данном случае сервер определяет по наличию в запросе от браузера Accept: image/webp поддерживается ли webp и выдаёт его, если да, и jpg если нет.

Проще способ, использовать на страничке тег picture:

<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

Ответ написан более трёх лет назад

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

Как разделить полигон на карте на равные части или продолжение: как собрать массив из координат выделенной области через заданный шаг?

AngReload @AngReload

Кратко о себе

Это надо?

const RECOMMEND_SIZE = 10;
const BIAS_TO_CENTER = 0.5;

let x_min = coordsConners[1].lat;
let x_max = coordsConners[3].lat;
let y_min = coordsConners[1].lng;
let y_max = coordsConners[3].lng;

let x_side_len = x_max - x_min;
let y_side_len = y_max - y_min;

let x_total_count = Math.round(x_len / RECOMMEND_SIZE);
let y_total_count = Math.round(y_len / RECOMMEND_SIZE);

let x_closest_size = x_side_len / x_total_count;
let y_closest_size = y_side_len / y_total_count;


for (let x = 0; x < x_total_count; x++) {
  for (let y = 0; y < y_total_count; y++) {
    let coord_x = x_min + x_closest_size * (x + BIAS_TO_CENTER);
    let coord_y = y_min + y_closest_size * (y + BIAS_TO_CENTER);
    new L.marker([coord_x, coord_y]).addTo(this.map);
  }
}

Ответ написан более трёх лет назад

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

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

AngReload @AngReload

Кратко о себе

Скрипт срабатывает при наведении -

<a onmouseover=alert(document.cookie)>click me!</a>

Ответ написан более трёх лет назад

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

Зачем слайдеру Swiper задавать ширину 1px для класса swiper-wrapper?

AngReload @AngReload

Кратко о себе

Это свойство в любом случае перебивается width: 100% из подключенного swiper.min.css
Что с ним, что без - никакой разницы не вижу, присутствует горизонтальная прокрутка. Оно просто не работает.

Ответ написан более трёх лет назад

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

Не удается убрать огромный отступ у футера, как его убрать?

AngReload @AngReload

Кратко о себе

Это не отступ, просто элементы страницы принимают высоту по высоте своего содержимого. Можно указать в процентах, тогда если указана высота у родителя, то будет считать от родителя.

body,
#wrap,
main,
.section-preview {
    height: 100% !important;
}

Вообще, это переделывать надо. Навтыкали в body style, в стилях important'ы, #wrap мешается, отрицательные отступы, элементы наезжают друг на друга...

Ответ написан более трёх лет назад

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

Как центрировать текст внутри div(a) по вертикали?

AngReload @AngReload

Кратко о себе

.panel-body {
  line-height: высота_внутри_панели;
}

У вас там около 47px.

Ответ написан более трёх лет назад

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

Как задать стили для горизонтального меню?

AngReload @AngReload

Кратко о себе

Во первых, там стили записаны не в CSS, а в SCSS. Поэтому, заходите на этот сайт https://www.sassmeister.com/ , вставляете SCSS в левую часть и забираете CSS из правой.

Второе. Посмотрите на разницу в классах. Там nav, а у вас menu. Поэтому меняете все .nav { на .menu {.
И далее по аналогии: nav__item -> page_item

Ответ написан более трёх лет назад

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

Как сделать бесконечное повторение gif?

AngReload @AngReload

Кратко о себе

Отвечал в комментариях:
Как сделать бесконечное повторение gif?

Ответ написан более трёх лет назад

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

Ни кому не встречался задачник по Rust?

AngReload @AngReload

Кратко о себе

Сайт есть такой codewars, пишешь программу по заданию, если код проходит тесты, то дают задачи сложнее
https://www.codewars.com/?language=rust

Ответ написан более трёх лет назад

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

Как улучшить код вызова функций?

AngReload @AngReload

Кратко о себе

Похоже что тут можно было бы применить функциональные конвейеры из библиотек вроде Underscore, Ramda или что там ещё. Ещё можно сделать транспиляцию с помощью Babel конвейерного оператора, который пока не добрался до стандарта. Работает всё это как-то так:

// где-то в библиотеке
function pipe(...fns) {
  return function (arg) {
    let result = arg;
    for (let i = 0; i < fns.length; i++) {
      result = fns[i](result);
    }
    return result;
  }
}

// в коде
const result = pipe(
  f3,
  f2,
  _ => f1(_, 1),
  _ => f0(_, 'test')
)(1000);

Но я считаю, что код станет более очевидным если его просто разбить на несколько строк:

const result3 = f3(1000)
const result2 = f2(result1)
const result1 = f1(result2, 1)
const result0 = f0(result2, 'test')

Ответ написан более трёх лет назад

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

Можно ли так задать фон строчному элементу?

AngReload @AngReload

Кратко о себе

box-decoration-break: clone;

Ответ написан более трёх лет назад

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

Как это переписать на es6?

AngReload @AngReload

Кратко о себе

Эти две строчки нет смысла переписывать.
Но в принципе, если таких строк там много, то например так:

['model', 'rows'].forEach(prop => state[prop] = payload[prop]);

Ответ написан более трёх лет назад

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

Как повесить на ссылку окончание ввиде tab1 или tab2?

AngReload @AngReload

Кратко о себе

document.addEventListener("DOMContentLoaded", function () {
  var tab1 = document.getElementById('ui-id-1');
  var tab2 = document.getElementById('ui-id-2');
  if (tab1 && tab2) {
    tab1.addEventListener('click', function () {
      if (localStorage) localStorage.isSecondTab = '';
    });
    tab2.addEventListener('click', function () {
      if (localStorage) localStorage.isSecondTab = 'true';
    });
    if (localStorage && localStorage.isSecondTab === 'true') tab2.click();
  }
});

Ответ написан более трёх лет назад

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

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