Даниил Братухин

Сейчас угадаю, телефон — айфон, а браузер... не суть какой, на самом деле. В любом случае, проверьте, что значение в поле поддерживается методом Date.parse(). Если это WebKit, то в этом случае он строго следует спецификации и не разбирает варианты, которые может преобразовать тот же десктопный Chrome.

В твиттере недавно обсуждали, там просто очень (очень) много изображений, которые сменяют друг друга в зависимости от позиции прокрутки.

А почему бы не сделать поле + checkbox? Пользователь вводит результаты только проведённых измерений, а если данные выглядят странно — ставит галку рядом. При этом можно как дать возможность ввести сомнительные данные, так и заблокировать ввод и очистить поле. Модель тоже хорошая получится:

type Results = Array<{
  value: string;
  confidence: number;
}>

if (result.value.length === 0) {
  // не измеряли
} else if (result.confidence === 0) {
  // измерили, но выглядит подозрительно
} else {
  // измерили, всё ок
}

У Google множество API для работы с такими вещами: Places Autocomplete API, Place Details API, Geocoding API и т.д. Можно получить как координаты города, так и его Place ID для организации поиска в том числе — ищите тип locality в массиве address_components ответа. Сделайте проект на GCP, разберитесь на примере из документации, там бесплатные лимиты довольно щедрые.

В третьей версии некоторые из опций доступны по команде vue create my-project, некоторые – по vue add vuetify в опции advanced.

Конфиг вебпака теперь можно расширить/изменить через vue.config.js.

Насчёт a-la-carte – у Vuetify есть свой loader, который автоматически импортирует нужные компоненты при их использовании в шаблонах. Тоже очень удобно.

Деплой из папки dist после сборки (npm run build).

У line-clamp хорошая поддержка (кроме IE, конечно))

Мне кажется, я понимаю суть проблемы, но Ruby on Rails не знаю от слова совсем, так что... в случае чего всё приведённое ниже – псевдокод :D

По делу: если вы замените часть строки в скрипте плеера, то ничего не произойдёт, потому что к тому моменту этот код уже будет давно скомпилирован и выполнен браузером.

Начните с простого – создайте свойство в глобальном контексте и запишите туда ссылку на экземпляр. Затем в функции, которая обрабатывает изменение значения select, обратитесь к API плеера и запустите другое видео. Всё вместе будет выглядеть примерно так:

<div id="player-wrapper"></div>

<%= javascript_tag do %>
  var player = new Playerjs({
    id:"player-wrapper",
    file: "<%= @video.link_video1 %>"
  });
<% end %>

<select value="<%= @video.link_video1 %>" onchange="player.api('play', this.value)">
  <option value="<%= @video.link_video1 %>">Ссылка на видео 1</option>
  <option value="<%= @video.link_video2 %>">Ссылка на видео 2</option>
  <option value="<%= @video.link_video3 %>">Ссылка на видео 3</option>
</select>

Как только это заработает, можно будет подумать, как вынести JS из разметки, убрать глобальные переменные и т.д.

Вот что происходит в вашем примере поэтапно:

var x = 3;

1. Вычисляется выражение справа – тип number, что не объект. Результат сохраняется в памяти, теперь его можно получить по ссылке;
   
2. Идентификатор "x" сопоставляется с созданной выше ссылкой, регистрируется переменная (тоже не объект);
   
3. Программист Вася лезет за значением переменной и получает... ну вы поняли, число.
   

Где объекты? А нет их тут. Объекты из примитивов в JS получаются только тогда, когда вы их создаёте явно:

var y = new Number(3);

...или обращаетесь к методу соответствующего объекта через примитив:

var z = 3;

z.toString() // то, что написали вы
(new Number(z)).toString() // то, что было исполнено

При этом в последнем случае объект будет уничтожен сборщиком мусора практически сразу же, потому что ссылок на него не остаётся.