предисловие

Я видел вопрос на Zhihu не так давно,«Чем занимаются фронтенд-команды отечественных компаний в 2020 году? 》, На самом деле, многие передовые студенты не уверены в будущем. За последние несколько лет внешний интерфейс продвинулся как на дрожжах, и за ним последовало множество новых технологий. Хотя все продолжают говорить, что они не могут учиться, если они не могут учиться, но у всех, по крайней мере, есть цель учиться.

Лет пять-шесть назад изучите React или Vue, а потом внедрите в проект. Использование ES6 для разработки, сотрудничества с gulp или grunt и выполнения проекта, который разделяет переднюю часть и заднюю часть, — это очень круто, это как перенести команду из каменного века в индустриальный век.

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

Еще через год или два я снова изучу Node.С возможностями на стороне сервера, с gitlab, jenkins и т. Д., Фронтенд может сам построить полезную систему публикации и систему итерации, а затем внедрить сервисы мониторинга внешнего интерфейса. и т.д., полный набор Front-end инфраструктуры сделан хорошо. Вы можете продолжать расти, продвигаться по службе и получать повышение.

Вопрос в том, что теперь делать, что я могу узнать сейчас?

В прошлом году председатель комитета Али Юань Синь«Где возможности в будущем интерфейсе»Укажите четыре направления:

Сервис сборки
Serverless
Умный
IDE

Но для большей части фронта кажется слишком направленным, задействовала слишком много вещей. Это не похоже на одну или две знания, согласно учебной документации для изучения науки, а затем посмотреть, какой исходный код, они обладают почти одинаковыми. И многие, кажется, Chaogang, веб-поисковой термин иностранной интеллекту, без просмотра, многие районы, я не знаю, где учиться.Самое ужасное: даже если я выучу, моей компании и моему бизнесу эти очки знаний, похоже, не нужны..

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

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

Условия бизнеса

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

Коммерческий страховой бизнес: На самом деле, это в основном охватывает все известные вам виды страхования, такие как страхование жизни, медицинское страхование, страхование имущества, страхование от несчастных случаев и т. д. Есть также вещи, о которых вы можете не подумать, такие как страхование обратной доставки, страхование домашних животных и т. д.
Взаимный бизнес с сокровищами: Взаимное сокровище - наш звездный продукт за последние два года. Я не буду вводить подробности. Короче говоря, это ключевой вопрос Ant и группы. Alipay ищет взаимное сокровище, чтобы узнать больше
Услуги на стороне B, созданные на основе различных ссылок, таких как оценка страховых продуктов и урегулирование претензий.: В качестве платформы услуг Ant Insurance свяжется с различными страховыми компаниями и другими связанными компаниями, а также предоставит им множество соответствующих услуг.

Можно примерно понять, что Ant Insurance — это бизнес уровня платформы, который одновременно предоставляет услуги стороне БК. Давайте официально поговорим о том, чем сейчас занимается наш интерфейс.

Технические вопросы

Маркетинговая и операционная система

Позвольте мне начать с той части, за которую я отвечаю. В настоящее время я отвечаю за внешние вопросы, связанные с ростом числа пользователей страховых услуг, то есть за маркетинг и операционную систему.

Умные компоненты

Компонентизация должна быть чем-то, чем занимаются все команды. В дополнение к базовым компонентам пользовательского интерфейса, таким как antd и element, некоторые базовые бизнес-компоненты обычно создаются для облегчения повторного использования аналогичных функций в разных продуктах.

Страница C-side часто состоит из множества компонентов. Страница = КомпонентA + КомпонентB + …. А UI компонента = Fn(props, state), Fn — это код самого компонента. Страховые страницы в основном выводятся тысячами людей, особенно некоторые операционные модули, такие как всплывающие экраны с красными конвертами, маркетинговые баннеры и так далее.

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

Итак, возникает вопрос,Для таких страниц, для работы которых требуются тысячи людей, как абстрагировать компоненты, как ассоциировать со службой данных и как добиться быстрого повторного использования и доставки на разных страницах?

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

Умная сборка

У многих компаний есть свои строительные услуги, и у Ant также есть служба создания веб-сайтов.облачная ласточка бабочка. Версия, которая поддерживает создание мобильных сайтов внутри, называется Morpho. Он поддерживает разработку компонентов и шаблонов, а затем выбирает компоненты, которые вы хотите использовать в шаблоне, настраивает свойства, необходимые для компонентов, и, наконец, создает ваш собственный мобильный сайт. Основываясь на этом наборе возможностей, страхование также экспортировало большое количество маркетинговых сайтов.

Но тут есть проблема: пропсы, настроенные с помощью службы Morpho, написаны статически. Невозможно выполнить настройку данных тысяч людей и тысяч лиц по правилам разных групп людей, как я упоминал в смарт-компонентах выше.

Поэтому на основе базовых сервисов Morpho мы интегрировали возможности наших интеллектуальных компонентов и реализовали комплекс строительных услуг для тысяч людей. Благодаря этой возможности наши операции могут напрямую создавать маркетинговую страницу с уточненными операциями.

умная камера

Во фронтальном поле камеры большая часть функций используется для съемки некоторых информационных материалов пользователей, и загрузки их после получения. В страховом бизнесе таких сценариев множество. Например:

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

Однако получение этих изображений не так просто: большая часть информации, захваченной пользователями, имеет низкое качество, что требует интеллектуального управления на терминале, что включает в себя некоторое машинное обучение и связанные с ним алгоритмы. В прошлом движок алгоритма полностью выполнялся клиентской командой, но он сильно зависел от клиентской версии, а кросс-энд возможности были слабыми. С 2019 года на основе Tensorflow.js мы запускаем механизм алгоритма на стороне браузера, проделали большую работу по оптимизации производительности и поддержке промежуточных сервисов и, наконец, реализовали набор систем исследования и разработки интеллектуальных камер, которые поддерживают кросс-энд и быстрая итерация.

Nuggets не может воспроизвести видео, а соответствующие видео со смарт-камеры можно просмотреть на Yuque:woo woo.yuque.com/wuoh национальное омоложение/ты мальчик…

Инженерная эффективность

Среда разработки малых программ React - Remix

RemaxВозможно, вы слышали об этом.На самом деле, в тот же период наша совместная бизнес-линия сокровищ также породила апплет Alipay React R&D framework-Mars. Mutual Treasure — это первый апплет Alipay в области страхования, но он немного отличается от системы Ant React с точки зрения парадигмы исследований и разработок.Для повышения эффективности НИОКР, наши однокурсники-технари также разработали структуру исследований и разработок, более ориентированную на внутренние нужды. Конечно, с Remax еще много повторений, поэтому в настоящее время наши Mars и Remax объединились.После слияния внешнее торговое наименование по-прежнему Remax, а внутреннее торговое наименование - Remix.Теперь страховой апплет Alipay можно с удовольствием разрабатывать и играть с хуками на основе React.

Cod: решение LowCode в системе BFF

! Большая часть деятельности Ant на стороне C в настоящее время основана на системе BFF (backend for frontent). Эта система bff позволяет внешнему интерфейсу управлять уровнем контроллера, так что серверная часть может сосредоточиться на модели предметной области, а передняя часть может лучше предоставлять данные стороне страницы. Но есть и некоторые проблемы. Во многих сценариях поток данных и обработка на самом деле не так уж сложны. BFF стал прозрачным уровнем передачи, но для его поддержки необходимо написать много шаблонного кода, например, некоторые базовые модульные тесты. , мониторинг и т. д. заключается в снижении общей производительности.

Есть ли способ улучшить его дальше? Появление Cod Мы разработали набор возможностей оркестрации кода и сервисов, которые могут напрямую потреблять и организовывать удаленные сервисы, предоставляемые серверной частью, с помощью метода, подобного GraphQL, на стороне C.

резюме

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

В целом, страхование по-прежнему внимательно следит за потребностями бизнеса и техническими показателями и провело много технических работ, в основном с привлечением всех первокурсников. У большинства студентов может быть собственный технический рост по мере развития бизнеса. Тогда эти технические конструкции действительно больше привязаны к некоторым направлениям, предложенным Экономическим комитетом Али. Например, в области разведки у нас есть построение терминального интеллекта; в области построения у нас есть построение и построение усовершенствованных маркетинговых страниц; возможности организации услуг и кодирования, предоставляемые кодом, также относятся к бессерверной области. в широком смысле.

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

Прием на работу

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

В настоящее время страховой бизнес Ant имеет сильную динамику развития и является двигателем нового поколения для роста Ant в будущем. Кроме того, интернет-страхование все еще находится в стадии относительно голубого океана, и многие вопросы все еще находятся в стадии разработки 0: 1. Есть много возможностей и возможностей, и срочно нужны отличные таланты фронтенда.

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

В целом бизнес развивается хорошо, технических специалистов много, будущее ясно и ожидается рост~

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

Уровень набора: P6-P8

Если у вас есть идеи, вы можете отправить свое резюме на почтовый ящик: fengxiang.zfx@alipay.com Вы также можете сначала отправить WeChat, и я добавлю вас в чат в деталях ~

Командное фото**

Наконец, составьте несколько наших ежедневных учебных, жизненных и развлекательных фотографий.

Еженедельное обсуждение и обмен

Случай с выпивкой

Выйдите на городской балкон, чтобы испытать дорогую жизнь

милые девушки

люблю парное программирование

Можно играть в секретную комнату

Наконец, красивый город здание, я надеюсь привлечь некоторых девушек больше