2020 год — эпоха самого быстрого развития отечественных интернет-компаний.В прошлом технологическая компания Huawei самостоятельно разрабатывала операционную систему и отечественную индустрию чипов.После эпидемии появились отрасли онлайн-образования и прямых трансляций, что, несомненно, принесло перед фронтенд-командой стоят большие задачи.Возможность.В 2020 году автор разберется с технологией, основываясь на том, что на самом деле делают интернет-компании первой линии, надеясь помочь всем.
Новые вызовы и направления для фронтенд-команд в 2020 году
1. Разработка и применение кроссплатформенной архитектуры приложений
За рубежом несколько лет назад велась разработка кроссплатформенных приложений, таких как React Native, здесь автор разберёт конкретные сценарии и технические решения:
-
H5 (HTML5) + собственный (Cordova, Ionic, апплет WeChat)
-
Разработка Javascript + собственный рендеринг (React Native, Weex, Quick Apps)
-
Самостоятельно нарисованный U+ (QT Mobile, Flutter)
-
uniApp / Taro
Здесь я использую uni-архитектуру, чтобы показать вам базовую архитектуру кроссплатформенности:
Многие фронтенд-инженеры вокруг автора в основном имеют кроссплатформенные требования для бизнеса своей компании, так что если вам интересно это направление, вы можете узнать о нем заранее.
2. Разработка и применение аудио- и видеотехнологий в реальном времени (WebRTC)
В связи со все более насущными требованиями к использованию сети и развитием технологии 5G аудио- и видеосвязь в реальном времени набирает обороты, а аудио- и видеотехнология реального времени WebRTC также получила широкое внимание. Соответствующие данные показывают, что в течение 2017–2021 годов рынок глобальной сетевой связи в реальном времени (WebRTC) будет расти со совокупным годовым темпом роста 34,37%.
В настоящее время многие отечественные производители, такие как Tencent Cloud, Alibaba Cloud, Qiniu Cloud и т. д., предоставили очень полную техническую поддержку.Как фронтенд-инженеры, мы должны не только научиться применять эти технологии, но и понимать лежащие в их основе принципы реализации. из этих технологий.Автор представляет сценарии использования здесь:
3. Система мониторинга клиентских приложений постепенно совершенствуется и становится сервис-ориентированной.
Фронтенд-мониторинг включает в себя мониторинг поведения, мониторинг исключений, мониторинг производительности и т. д. Чтобы выжить в условиях все более жесткой конкуренции, предприятия должны проводить всесторонний анализ приложения, чтобы обеспечить возможность мониторинга и стабильность приложения.
Вообще говоря, систему мониторинга можно условно разделить на четыре этапа: сбор логов, хранение логов, статистика и анализ, отчетность и предупреждение.
По степени последствий аномального кода производительность интерфейсных исключений делится на следующие категории:
Поэтому нам как фронтенд-инженерам необходимо понимать базовый состав и производительность фронтенд-мониторинга.Используем ли мы стороннюю платформу мониторинга или разрабатываем собственную в будущем, у нас будет общее направление.Автор будет Также делитесь родственными технологиями в фан-разговоре о фронтенде Практика, а те, кому это интересно, могут общаться друг с другом.
4. Платформа Lowcode и платформа визуализации
Одна из самых популярных технических тем, о которых мы, возможно, слышали в последнее время, — lowcode.Разработка в облаке LowCode — это эффективная и высокопроизводительная платформа для разработки low-code с возможностью перетаскивания, которая соединяет отраслевой интерфейс и огромные возможности облачных вычислений вниз Предприятия идут в облако вертикально. Облачная разработка с низким кодом абстрагирует громоздкую базовую архитектуру и инфраструктуру в графический интерфейс и быстро создает многотерминальные приложения (мини-программы, приложения H5, веб-приложения и т. д.) с помощью промышленных шаблонов, компонентов перетаскивания и визуальной конфигурации. , устраняя необходимость в написании кода. Напишите работу, чтобы полностью сосредоточиться на бизнес-сценариях. Облачная разработка с низким кодом использует облачную разработку в качестве базовой поддержки.Облачные возможности открывают всю связь создания приложений, обеспечивают очень открытую среду разработки и гарантируют наши приложения в любое время.
В настоящее время у многих производителей облачных сервисов есть множество решений, мы не будем здесь их по одному представлять, а теперь рассмотрим сценарии его применения:
Что касается платформы визуального построения, то это также направление, которое многие компании стараются изучить вовсю.Компания, открытая другом автора, занимается этим бизнесом, в том числе системой построения маркетинговой визуализации платформы электронной коммерции, бэк- конечная бизнес-система, но визуализация, построение визуализации H5 и т. д., а именно:
- Outsystems
- Mendix
- iVX | Кроссплатформенное решение с низким кодом
- amis | Первые бизнес-решения с низким кодом на стороне B
- H5-Dooring | Мобильный визуальный редактор
По поводу реализации H5-Dooring автором также написано много статей, кому интересно, можно изучить и сослаться на него, он до сих пор постоянно дорабатывается и обновляется.
Как быстро разработать страницы H5 со строительными блоками?
5. Популяризация приложений безсерверных технологий
Бессерверная или бессерверная архитектура — это новый способ архитектуры. В настоящее время это также очень популярная технология, и многие крупные компании прилагают усилия в направлении Serverless. Его основная идея состоит в том, чтобы позволить разработчикам сосредоточиться на создании и запуске приложений без необходимости управлять серверами. В традиционном режиме, если мы хотим перевести приложение в онлайн, нам обычно нужно заранее знать, сколько серверов, сколько хранилища и базы данных ему нужно и т. д. А также необходимо установить другое программное обеспечение, от которого зависит приложение. Но с Serverless нам не нужно беспокоиться о размещении всего этого и управлении им. В целом характеристики Serverless таковы:
- управляемый событиями
- Автоматическое масштабирование
- нет статуса
- Нет необходимости управлять сервером самостоятельно
- Низкая стоимость, оплата по мере необходимости, бесплатно без операции
Итак, в 2020 году, если наши фронтендеры не будут хорошо разбираться в бессерверных технологиях, не будет ли это еще более устаревшим?
6. Экология строительных лесов становится все более зрелой, и расцветает сотня цветов.
Scaffolding — это, в основном, инструмент для инженерного управления и контроля для фронтенд-команды. С его помощью мы можем легко разрабатывать приложения, упаковывать и развертывать. Также существует множество расцветающих экосистем скаффолдинга. Ядро — это мастерство nodejs и webpack. например. Готовые инструменты интеграции, разработанные предприятиями, уже очень мощные. Мы можем настроить плагины umi и использовать его механизм загрузки для реализации различных сложных бизнес-сценариев. А именно:
Так что, если мы хотим продвинуть фронтенд, мы можем изучить архитектурный паттерн umi и вывести новое.Автор также разработал соответствующую библиотеку компонентов на основе umi.Если вам интересно, вы можете изучить ее:
Практика архитектуры микроинтерфейса
7. Реализовано применение технологии front-end VR
Технология Vr также является относительно популярной технологией в последние годы.В настоящее время отечественные компании также развертывают этот бизнес, включая отображение продуктов Vr на веб-сайтах электронной коммерции, таких как Xbao, панорамный вид домов на смотровой площадке Vr и т. д. Продукт в настоящее время делает это, так что вы можете обратиться к нему, основная реализация может использовать three.js и так далее.
8. Бонус за приложение технологии javascript после листинга системы Huawei Hongmeng
Что касается запуска операционной системы Huawei, многие фронтенд-программисты открыли новую волну обучения. Подумайте, как мы можем использовать JavaScript для разработки прикладного программного обеспечения операционной системы. Какие чувства это вызывает? Предприниматели с острым чувством оценка запаха Связанные продукты долгое время молча планировались, поэтому будущее внешнего интерфейса безгранично.
2021, неограниченно возможно
В 2021 году мы продолжим проверять технологию 2020 года и продолжим внедрять ее.Фронтенд-инженеры откроют новую волну технологических итераций, поэтому мы воспользуемся вышеуказанными тенденциями и продолжим усердно работать...