Михаил

Это сложная тема. Когда я пробовал работать с баркод-сканером то сделал такие выводы:

• устройство может работать в режиме клавиатуры (легкий вариант);
  
• устройство может работать в режиме usb-девайса (сложный вариант);
  
• в хроме есть usb api (еще есть hid api) для "общения" с устройствами usb, можно получать/отправлять данные на usb;
  
• в винде все плохо с дровами для устройства, тогда как в линуксе можно читать из "файлов". Не знаю как оно точно называется в линуксе, это по сути порты usb.
  

Api в хроме называется chrome.usb. В нем нет интерфейсов по типу sendData и receiveData. Для работы нужно шарить как работает usb, как отправлять команды, его интерфейс. Там все не просто.

Забудьте про это. Не стоит оно того чтобы так заморачиваться. Например, простая замена apache2 на nginx даст выигрыш в миллион раз больший чем подобные оптимизации.

Да, можно сделать так. Куча же вариантов.

Откройте для себя https://learn.javascript.ru/switch для начала. А потом напишите console.log(shakeHP) в начале функции.

Мне кажется многие вообще не поняли проблему и пытаются дать советы как сделать заглушку для json. Сейчас бы решать проблемы с заглушками...

Автор, как я понял, хочет понять как сдавать верстку которая требует динамического интерфейса.

Случай №1.
Автор берет абстрактный vue.js и лепит интерфейс и ... заглушку, конечно :)
Заказчик получает чек на некую сумму куда будет включены часы работы над интерфейсом. Довольный заказчик идет нанимать программистов, а те смотрят на него как на дурака и говорят что на vue.js уже давно никто ничего не делает и предлагают использовать модный-молодежный ХХХ фреймворк. Понятно что ситуация из учебника.
Случай №2.

Автор делает заглушку... нет, не ту заглушку которую тут все хотят сделать. А заглушку в самом интерфейсе, без логики. Остается вопрос как сделать верстку для динамических частей. Это, собственно, и спрашивал автор.
Заказчик в этом случае получает почти готовую верстку, но с некоторыми особенностями. Вполне приемлемый вариант.

Случай №3.
Автор находит компаньона и предлагает новую услугу: верстка + программирование интерфейса. Этот вариант выглядит наиболее оптимально с моей точки зрения. Все хорошо, все довольны.

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

В общем, я бы посоветовал найти партнера.

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

1. Разбитыми файлами легко манипулировать: оставить как есть или склеить.
2. При разработке можно быстро открыть нужный модуль (к примеру). Или быстро увидеть изменения в git-е.

getElementsByClassName

Элемент появляется после назначения события.

Часто достаточно знать основы и уметь накидывать концепт на Bootstrap.

Не помню точно, но натыкался как-то на сайт (вроде киногоу, с черным фоном) и там была зверская защита от копирования. Буквально ничего нельзя было скопировать или выделить на странице. По моему, там все evens перекрыты.

Но.. не надо так!

У вас гугл сломался?

Наверное, вам нужны статические анализаторы.

Коротко: не советую.

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

По существу - что на счет Angular?

Во всем нужно соблюдать меру, еще ее называют золотой серидиной. Ваш проект, кстати, ничем не лучше Яндекса. Вы перегнули в другую сторону. Может быть для вас будем открытием то что можно настроить сжатие и сайт будет грузиться быстрее. Особенно если не валять дурака и купить себе нормальный интернет.

ПО важно писать с хорошей архитектурой и поддерживаемостью, рано или поздно к этому все придет.