Конвертировать одностраничное приложение javascript в приложение для начальной загрузки

Question

Мы разрабатываем одностраничное приложение. Нет html-файлов (кроме одного для загрузки js и css-файлов, ничего больше) Это веб-приложение html 5. Сегодня у нас нет проблем с совместимостью с браузером. Мы не используем библиотеки js третьей части. Мы разработали обработчик окон (с функциями добавления входов, кнопок и т. Д.), Некоторую библиотеку для общих функций (связь JSON с веб-сервером, время преобразования даты и т. Д.)

Но теперь есть некоторые разговоры о «конвертировании», для загрузки, и у меня нет опыта работы с бутстрапом. Самая большая причина для этого - получить «дизайн, где все соответствует». На сегодняшний день это приложение разработано с уделением особого внимания функциональности, а не дизайну.

Имейте в виду, что это не как компания веб-страницы, но и его приложение для редактирования документов, связи и т.д.

Таким образом, вопрос, мы должны преобразовать существующее приложение загрузился для проектирования или мы должны использовать дизайнером для его проектирования и просто конвертировать дизайн в CSS. Лично я не хочу добавлять все библиотеки в приложение. По моему опыту, мне нужно гораздо больше времени, чтобы понять, как все работает, тогда просто напишите мне чистые js и его гораздо сложнее отладить. Есть идеи об этом?

Answer 1

Использование bootstrap CSS довольно прост, и вы получаете много шума для бакса, просто применяя bootstrap.css, забывая что-нибудь об использовании бутстрапа JS. Я не приравниваю вашу задачу «добавить [все] библиотеки в приложение». Если вы решите использовать классы начальной загрузки, вам нужно загрузить bootstrap.css в ваш основной HTML-файл (и, возможно, загрузочные шрифты).

Затем, конечно же, работа начинает обновлять обработчик окна, чтобы он не только вводил функциональные HTML-элементы в DOM, но и конструировал их в структуре, которую bootstrap ожидает с прикрепленными к ним классами начальной загрузки. Как и любая среда CSS, Bootstrap имеет собственный набор соглашений о том, как каждый элемент дизайна (кнопки, выпадающие списки, всплывающие подсказки, вкладки и т. Д.) Структурирован в HTML. Это требует, чтобы вы обновили WHAT, который выдает обработчик окон, но не то, что вы принципиально меняете рамки JavaScript.

При этом, если вам нужно вставить время в любом случае, вам может быть лучше стандартизировать приложение на хорошо устоявшейся основе. С течением времени структура будет улучшаться как по возможностям, так и по поддержке разработчиков. Для такого простого, функционального приложения, которое вы упомянули, похоже, было бы трудно ошибиться с AngularJS или ReactJS плюс поддерживаемая структура стилей. Если ваше сердце настроено на Bootstrap, Angular-UI имеет готовый модуль Bootstrap, который я сейчас использую в проекте. Это бутстрап. Это нормально. Ничего особенного.

Мой опыт таков: если вы просто хотите, чтобы каждая кнопка, поле, меню и т. Д. Выглядели последовательными и современными, тогда бутстрап может пройти долгий путь. Но если вам нужен более высокий уровень согласованности бренда UX &, стандарты CSS не приведут вас туда. Вам нужен дизайнер с опытом в этом, и bootstrap может на самом деле препятствует вам, поскольку он блокирует вас в определенном стиле и не может сравниться с вашим брендом.

Answer 2

Вы можете использовать только BS CSS, если ваше приложение в ином случае прекрасное. Или только части, которые вам нужны.