Muranx

Можно еще так (но уже не модно):

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Arial;
}

.wrapper{
  display: table;
  width: 100%;
  background: #f7f7f7;
}

.wrapper::before{
  content: '';
  height: 100%;
  vertical-align: middle;
}

.test1, .test2, .test3{
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  line-height: 50px;
  color: #fff;
  padding: 0px 10px 0px 10px;
  border-radius: 10px;
}

.test1, .test3{
  width: 100px;
  height: 50px;
  background: orange;
}

.test2{
  background: red;
  height: 40px;
  line-height: 40px;
}

Основная идея в том, чтобы считать ширину вашего блока через calc. Правда, из-за display: inline-block придётся ставить font-size: 0 для родителя и сбрасывать его во внутренних блоках, иначе между блоками будет дефолтный пробел.



Но вообще это конечно дичь, флекс для таких вещей и создан.

Так?

.wrapper {
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
}

.test2 {
  width: calc(100% - 2 * 100px - 2 * 5px); /* 100% - left - right - marginLeft - marginRight */
  margin: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

1) нигде не сохраняются, объект Response (res.send...) это поток

The ServerResponse object represents the writable stream back to the client.

https://www.w3schools.com/nodejs/obj_http_serverre...
то есть просто байтики пересылаются браузеру в ответ на запрос

2) так и есть, можно посмотреть в консоли например

serv.on('request', (req, res)=> { 
  console.log('REQUEST:', req.url)
   .....

3) ну в заголовки ответа нужно писать статус, просто как должное, если уверен, что всё всегда сможешь отдать от сервера без ошибок, то конечно и 200 можно везде, но

Зачем мне самому себе рыть яму, и указывать к примеру тот-же 404, когда проще всегда указывать 200?

но если кто-то перепишет браузерную часть скрипта, и решит запрашивать script2.js, то лучше возвращать статус 200 или всё же 404?

--

Спасибо за внимание, если вы хотите мне кинуть ссыль на доку, хм, из доки я все этим методы и взял, перечитав эти методы уже ниодин раз, хотелось бы более человеческого ответа на вопросы, из вашего опыта!

это непопулярное мнение, но по-моему проще сначала начать делать что-то работающее на express.js, где методы модуля http обернуты в более простые функции, и потом уже по обстоятельствам копать дальше

https://ru.wikipedia.org/wiki/UTF-8

так может быть ?

1. Существует. Скрипт по какому-то протоколу передает данные "альтернативе", "альтернатива" что-то делает с этими данными и возвращает их обратно

2. Ну раз вы ls пользовались, то все, точка уже пройдена

3. Эти вещи полярные на 87%

4. Это все очень важная информация. Не советую вам приступать к backend прежде чем вы выучите как работает электричество, процессор и все уровни OSI.

UPD: Исправлено

@keyframes fakeborder{
  from{
    border: none;
    transform: scale(1) translate(-50%, -50%);
  }to{
    border: 3px solid green;
    transform: scale(1.5) translate(-50%, -50%);
  }
}

.forFakeBorder {
  transform-origin: left top;
}

Для call this и должен быть всегда функцией. Это какбэ очевидно из Function.prototype.call: что значит call - встроенный метод любой функции.

Обычно всё непонимание идёт от приписывания this каких-то мистических свойств, в то время как this - простая ссылка, отличающаяся от любой иной переменной только тем, что принимает значение в зависимости от способа вызова и больше ничем.

Ничто не мешает иметь в this функцию:

function foo(num){
  return num
}
function bar(num){
  return this(num);
};
console.log(bar.bind(foo)(99)) // 99

выглядит примерно так . .

Function.prototype.bind = function(contextObject){
        let funkToBind = this,
             args = Array.prototype.slice.call(arguments,1)
        return funkToBind.apply( contextObject , args.concat(Array.prototype.slice.call( arguments )))
} // упращение, сущности данной функции

Не так, а скорее так(но тут не учитывается прототип):

Function.prototype.bind = function(contextObject){
  let funkToBind = this,
      args = Array.prototype.slice.call(arguments,1)
  return function() {
		return funkToBind.apply( contextObject , args.concat(Array.prototype.slice.call( arguments )))
  }
}

Можно выделить все ячейки с формулами (особенно если они идут сплошным блоком), в которых нужно поменять одно название листа на другое, нажать Ctrl+H ("Поиск и замена"), и заменить все названия '1' на любое '23456789' другое.

Ещё удобно выделять ячейки с помощью поиска, кнопкой "Найти все", щелкнуть внутри открывшегося списка и нажать Ctrl+A.

jsfiddle.net/oekq71yg/1

Widget содержит подстроку id. Что не ясно?
А насчёт and. Так вы не там добавили символ.

Рекомендую поспать ))

console.log('Widget with id and'.indexOf('id'));

Widget with id and

Хотите искать слова, тогда так

const sentence = 'Widget with id and';
const words = sentence.match(/\w+/g); // ['Widget', 'with', 'id', 'and']
console.log(words.indexOf('id'));

Если открыть консоль бразуера, там появится ошибка из-за закоменнченной строки: "invalid regexp group"
По крайней мере, у меня в FireFox.
Потому, что FireFox не поддерживает такой изыск регулярок как look-behind (?<= ). IE, Safari – тоже.

И хорошо бы убрать eval() и слеши в ключах regCon:

'function' : '<span style="color: red">',
// ...
new RegExp(o, 'gim')

const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

function getRandomRiver(n, arr) {
    const indexes = new Set();
    const limit = arr.length;
    n = Math.min(n, limit);
    while (indexes.size < n) {
        const index = Math.floor(limit * Math.random());
        indexes.add(index);
    }
    const result = [...indexes].map(index => arr[index]);
    return result;
};

const randomSet = getRandomRiver(3, arr);
console.log(randomSet);

const getRandomRiver = (n, arr) => arr.sort(() => 0.5 - Math.random()).slice(0, n);

или

const getRandomRiver = (n, arr) => {
  return arr
    .map(x => ({ x, r: Math.random() }))
    .sort((a, b) => a.r - b.r)
    .map(a => a.x)
    .slice(0, n);
}

upd: или держите как хотели