Почему JSON.parse не хочет работать с тегом a href?

Albert Kazan, нет. Если вы вываливаете json из переменной php прямо в тег script, то не используйте JSON.parse - там нечего парсить.

<script>
const some = {
  blocks: <?=json_encode($blocks)?> 
}
</script>

Имеет ли такое соглашение для названий компонентов и классов во vue.js право на жизнь?

Александр, вот и глобально компоненты тоже регистрировать не надо. Импортируйте компоненты там, где они нужны.

Не работает метод Array.from?

setTimeout(() => console.log(Array.prototype.slice.call( htmlCollection )), 30000)

Через 30 секунд посмотрите в консоль, скорее всего всё будет.

Если элементы добавляются динамически - значит и работайте с ними там, где они добавляются.

Как искать место, которое не нравится компилятору: [Vue warn] Error compiling template?

Николай Чуприк, парадигма Vue так то - конструктор из маленьких компонентов. Разбейте этот ваш гигантский root на компоненты.

Noisy градиент легко и просто?

Ещё дёшево и сердито можно сделать тупо наложив картинку шума поверх градиента вторым бэкграундом.)

Можно как-то задать порядок инициализации vue компонентов?

Andrey Suha, выше всё правильно написано, но вам также следует понимать, что загрузка компонентов - это не какие-то магические заклинания, это обычные асинхронные функции. Соответственно и порядок, если очень хочется, можно всегда задать:

const loadFirst = () => import(`first-component-path.vue`);

Vue.component("first-component", loadFirst);
Vue.component("second-component", async () => {
  await loadFirst();
  return import(`second-component-path.vue`);
});
Vue.component("third-component", () => loadFirst().then(() => import(`third-component-path.vue`)))

Почему ymaps.ready() не работает?

Всё должно работать:


Возможно вы вызываете yaMapInitоткуда-то ещё раньше времени?

Записать в переменную данные после fetch?

А как его тормознуть

Никак.
Остановив основной поток вы бы остановили весь сайт. Вообще.
Благо в современном js осталось не так много способов действительно это сделать.

Заверните весь код в асинхронную функцию и не смотрите на первую и последнюю строчку в файле, если вам доставляет такую боль работа с асинхронными вещами.

Как заставить правильно компилировать readonly свойство класса?

Alex, появилось время, накидал пример на ts transform:

./transform.js

const ts = require('typescript');

function isReadonly(node) {
  return node.modifiers.some(
    modifier => modifier.kind === ts.SyntaxKind.ReadonlyKeyword
  )
}

function isSuperCall(node) {
  return ts.isExpressionStatement(node) && ts.isCallExpression(node.expression) && node.expression.expression.kind === ts.SyntaxKind.SuperKeyword;
}

module.exports = () => ({
  before: [ctx => {
    return sourceFile => {
      function visitor(node) {
        if (ts.isClassExpression(node) || ts.isClassDeclaration(node)) {
          const readonlyDeclarations = [];
          let constructorStatements = null;

          node.members = node.members.filter(member => {
            if (ts.isPropertyDeclaration(member) && isReadonly(member)) {
              let name = member.name;
              if (ts.isComputedPropertyName(name)) {
                return true;
              } else if (ts.isIdentifier(name)) {
                name = ts.createStringLiteral(name.escapedText);
              }

              readonlyDeclarations.push(ts.createObjectDefinePropertyCall(ts.createThis(), name, ts.createPropertyDescriptor({
                value: member.initializer || ts.createVoidZero(),
                configurable: true,
                writable: false,
                enumerable: true
              })));

              return false;
            } else if (ts.isConstructorDeclaration(member) && member.body) {
              constructorStatements = member.body.statements;
            }
            return true;
          });

          if (readonlyDeclarations.length) {
            if (constructorStatements)
              constructorStatements.splice(constructorStatements.findIndex(isSuperCall) + 1, 0, ...readonlyDeclarations);
            else node.members.push(
              ts.createConstructor(
                undefined,
                undefined,
                undefined,
                ts.createBlock(readonlyDeclarations)
              )
            );
          }
        }
        return ts.visitEachChild(node, visitor, ctx);
      }
      return ts.visitEachChild(sourceFile, visitor, ctx);
    };
  }]
});

vue.config.js

const path = require('path');
module.exports = {
  chainWebpack: config => {
    ['ts', 'tsx'].forEach(rule => config.module
      .rule(rule)
      .use('ts-loader')
      .loader('ts-loader')
      .tap(options => Object.assign(options, {
        getCustomTransformers: path.join(__dirname, './transform.js')
      })));
  }
}

Он не работает с динамическими именами методов (readonly [a+b] = 4) и не учитывает декораторы, т.к. это уже заняло бы больше времени чем хотелось бы, чтоб учесть все ситуации.)

Как отдельный loader с babel это писать было бы проще и приятнее(за счёт множества вспомогательных методов), но цена этому - повторный анализ ast.

Ещё проще и приятнее было бы сделать свой форк typescript, где поменять вот в этой строчке: writable: true на

writable: !hasModifier(property, ModifierFlags.Readonly)

(+флаг useDefineForClassFields)
Но это не наш метод.)

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

Или так:

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

Dart - гиблое дело, как бы гугл его не пихал, ИМХО. Хотя может я и не прав, время покажет.
Для создания нативных приложений лучше всего нативный же для платформы код, для каждой свой. Только так можно действительно гарантировать скорость и 100% соответствие платформе.
На деле же куда проще, быстрей и приятней с точки зрения разработки юзать вещи на webview(cordova итп), например тот же Quasar. Работает оно само собой заметно медленней любых нативных и полунативных вариантов, но если надо выходить на рынок с каким-то продуктом - скорость первого релиза куда важней вылизанности. Благо современным телефонам давно хватает мощи тянуть и не такое.)
Уже после многомиллионного успеха можно заняться оптимизацией и переводом в натив. Если захочется.

Почему ymaps.ready() не работает?

Попробуй обавить &load=SuggestView в url api.

Как заставить правильно компилировать readonly свойство класса?

Alex, ну прямо таки не представляешь: typescript не боженька же нам послал.)
Да, надо вникнуть как всё это работает под капотом, но нет там ничего запредельного. Не за пять минут конечно, но за недельку с нуля можно разобраться.

Как навесить JS-событие/CSS-стили на N-ое слово в текстовой node без изменения DOM?

ChernovGV, без раскрашивания кликнутое слово легко получается из window.getSelection().

Как заставить правильно компилировать readonly свойство класса?

Похоже на правду. Я своим классам, которые vue трогать не должен просто добавляю свойство _isVue и не парюсь.
Но вот ситуация, когда vue должен реактивитить объект частично, действительно бы куда проще решилась с поддержкой readonly на уровне языка. Но это идёт против typescript-овской парадигмы минимального вмешательства.

Не так уж сложно на самом деле написать кастомный loader для этого дела, используя удобный инструментарий babel(он с 7 версии может в typescript) или transform используя ttypescript. В самый край можно локально замонкипатчить сам typescript, но я бы не рекомендовал.)

P.S. Если напишешь - пульни в npm.)

Как это сверстать?

Ankhena, руками каждый дурак может.)

Шрифт в chrome не уменьшается меньше 11, как решить проблему?

sladkonog, скорее всего лично у вас так:

По умолчанию там 0.

Почему игнорируется строчка перезаписи поля объекта?

Вот тут navItems = navItems.slice(0, 4); вы во внутренний navItems кладёте первые 4. Всё, никаких 15 дальше внутри функции уже нет.
Соответственно в navItems.slice(4, navItems.length); попадает только то что вы сами выше добавили:

navItems.push(
        {
            id: 5,
            title: 'ещё',
            children: []
        }
    );

Не экономьте переменные.

function getNavigationTablet(navItems) {
  const navItemsNew = navItems.slice(0, 4);

  navItemsNew.push({
    id: 5,
    title: 'ещё',
    children: navItems.slice(4, navItems.length)
  });

  return navItemsNew
}

ЧПУ, Nuxtjs, как реализовать?

Игорь, ...спрашивайте у заказчика как сделать url в таком случае.
Можете предложить ему добавить цифры. Или там эмодзи. Или регион прибавить.
Но в итоге ЧПУ хочет заказчик и ему определять их вид.

ЧПУ, Nuxtjs, как реализовать?

Игорь, на счёт одинаковых имён - просто спрашивайте у заказчика. Этого же он хочет а не вы.
А когда определитесь с уникальными именами - тогда и запрос к серверу можно поменять, вместо того чтоб генерировать кучу мусора.