«Эта статья участвовала в мероприятии Haowen Convocation Order, щелкните, чтобы просмотреть:Двойные заявки на внутреннюю и внешнюю стороны, призовой фонд в 20 000 юаней ждет вас, чтобы бросить вызов!"
- 📢Добро пожаловать в лайки: 👍 Избранное ⭐ Комментарии 📝 Прошу поправить меня, если есть ошибки, дарить розы и оставлять в руках стойкий аромат!
- 📢Автор этой статьи: Оригинал сайта webmote, впервые опубликован на C🙉
- 📢Девиз автора: Жизнь кидает, когда ты не кидаешь свою жизнь, жизнь начинает кидать тебя, давайте работать вместе! 💪💪💪
🎏 Предисловие
Как лидер команды, вы должны постоянно помогать членам команды решать различные проблемы с блокировкой. 🎎🎎🎎
А я занимался разработкой бэкенда, поэтому запас знаний по фронтенду не такой богатый (на самом деле очень простой).
Ввиду того, что современные популярные модели разработки почти всегда отделены от фронтенда и бэкенда, для формирования хорошей команды кажется немного неправильным настраивать фронтенд и бэкенд почти 1:1, поэтому нижняя задняя часть немного наклонена, а передняя часть настроена на 80%.Это соотношение подходит или нет, по оценкам, у каждого есть свое мнение.Вы можете оставить сообщение, чтобы поговорить о соотношении персонала твоя команда.
Наш новый продукт использует микросервисы в серверной части и микроинтерфейс во внешнем интерфейсе. Неожиданно началась трагедия...
🎏 01. Ты, кажется, не знаешь...
Чтобы сформировать команду, требуется несколько раундов собеседований, а отбор талантов никогда не бывает легкой задачей.
С неспокойным сердцем, подготовив передовые знания, я начал собеседование.Когда я встретил такого же, как и я, раскачивающегося интервьюера с полбутылки, фронтенд-боссы легко повесили интервьюера?
Расскажите о моем стиле интервью
Мои общие шаги:
- 🍄 Прежде чем перейти к основной теме, поговорите с ними об их опыте, причинах ухода и предыдущей ситуации с командой разработчиков.После беседы, если это будет уместно, давайте поговорим о технологиях более подробно.
- 🍄 В общем, я буду спрашивать про жизненный цикл Vue, классификацию маршрутизации Vue, способ связи родительско-дочерних компонентов и глубокое копирование объектов, и даже попрошу написать рекурсивную функцию, на которой в принципе и закончилось.
Вообще, говоря о глубоком копировании объектов, у многих фронтенд-инженеров возникает фраза: Ты похоже не знаешь, ты не знаешь фронтенд.
哎呀，妈呀！这句话简直是晴天霹雳，震得老夫虎躯一阵摇晃！
Кажется, что мои плохие знания vue, фундамент машинописного текста и проект angular, который я начал в то время, - все это зря... Что ж, должен признаться, что я не очень хорошо понимаю.
Кажется, я наконец-то нашел настоящего фронтенд-инженера, ты именно тот талант, который мне нужен!
Давай, давай, детка!
Это весь процесс моего повешения. 🔥🔥🔥
🎏 02. Передняя часть после 90-х выглядит хорошо
С одним фронтендером поколения после 90-х в интервью было довольно приятно пообщаться, и встреч много (⚡Реальная реакция после отбоя ⚡), и опыт проекта тоже неплох, надеюсь, он быть фронтенд-лидером команды.
В конце концов, из-за моего отсутствия знаний о фронтенде нет необходимости проводить слишком много времени в незнакомых областях.
Пусть способные люди сделают это хорошо. 🤔🤔🤔
Я хотел бы платить ему большеВедь грамотного человека найти непросто, только стабильная команда может продолжать развиваться.
Возможно, источник бедствия лежит в непонимании, Недостаток знаний на фронтенде привел к брожению последующих событий.
микро интерфейсЭта концепция должна была существовать уже несколько лет, и я уже разговаривал со своими бывшими коллегами, и все они подумали, что это хорошая идея. Я случайно увидел, что Али представилиQianKunСтатья о двигателе была очень подробной, поэтому я переслал ее этому парню из пост-90-х. И много раз говорил ему, что нам нужна архитектура микроинтерфейса, чтобы настроить наш проект и использовать зрелый движок Али, по крайней мере, направление не будет неправильным.
Не знаю, правильно ли я понял:
В моем понимании, микрофронтенды основаны на текущем фреймворке, который является вариантом старомодной организационной формы iframe.
Если фреймы не будут устранены, то использование фреймов в качестве микрофронтендов просто мертво. Микроинтерфейсный движок использует новую технологию для замены iframe, поэтому ему необходимо загружать суб-приложения, даже динамически, а также решать конфликт между CSS и JS и изолировать его область.
Задача устроена, просто терпеливо ждите результата и оставьте все на "Лидер фронтенд группы"Да! 😍😍😍
🎏 03. Головокружительная ДЕМО
общение в командеВсегда проблема, а японцы так не считают, у них свой метод.
Вопрос, чтобы его четко оформить, нужно выполнить в пять приемов.
- Есть кто-то, кто может это сделать 🕺
- Имейте четкое время завершения ⏱️
- Имейте четкий стандарт завершения 🚩
- Поставив задачу, пусть персонал еще раз ее повторит🗣️
- Составьте требования к отчетности и проверьте прогресс ✅
И в процессе я не выполнил вышеуказанные шаги, ия думала такжеон подумалМожно не выравнивать.
Конечно, я просто отслеживал ход выполнения задачи и смотрел на конечный результат, а не контролировал код внутри.
Примерно через несколько дней мой дорогой руководитель группы фронтенда после 90-х (есть 2 фронтенда) достал 3 демки, сказав, что все они были микрофронтендами, сделанными другими на основе qiankun или single-spa, как базовые, так и вспомогательные приложения.Да, он поддерживает vue, angule, react и т. д.
Я чувствую, что любой из них соответствует моим потребностям, и теперь я чувствую себя более непринужденно. «Вы сами решаете», нам все равно не нужны другие стеки технологий, пока мы поддерживаем vue.
Другой фронтенд-инженер работает как суб-приложение и взаимодействует с базой, чтобы завершить трансформацию суб-приложения.
Разделение труда кажется очень ясным, и цель этой итерации не должна быть проблемой, верно? На каждой утренней встрече есть прогресс, поэтому я не буду его упоминать.
🏃🏃🏃 Где-то через 1-2 недели, когда я пошел учиться дальше, фронтенд тимлид сказал, что есть какая-то проблема со связью между базой и суб-приложением, поэтому я примерно прочитал вступительный документ qiankun , и разместил документ в группе .
Я чувствую, что понял это, используя API, предоставленный движком, токен можно передать в прошлое, и тогда я решил пообщаться с ним лицом к лицу. Разговор такой:
Я: Мы можем использовать статью, которую я отправил, чтобы представить этот информационный бюллетень, вы можете взглянуть. Он: Ну, это очень просто, можно использовать localstorage. Я: Ни в коем случае, подприложения могут быть развернуты в разных доменах, как это возможно? Он: Ну, тогда будем использовать тот апи, я его еще раз поменяю, изменения относительно большие. Я: Какой цянькунь ты используешь? Он: Его интегрировали другие, я не знаю. Я: Слишком низкая версия? Кажется, сейчас 2:00. Он: Этот проект не видит, какая версия используется. Я: Посмотри, есть ли что-нибудь в пакете, я посмотрю официальную документацию. ............. После того, как я прочитал документацию, я обнаружил, что мне нужно установить только пакет qiankun. я: пряжа добавить qiankun Он: Похоже, мой проект не из qiankuan, посмотрю другие демки...
В это время другой фронтенд сказал мне, что он изменил 3 версии 3 демо и вошел в систему в соответствии с инструкциями тимлида, и ни одна из них не использовала qiankun...
Мама, что случилось!
🎏 04. Яркий
Огонь одной звезды уже разжег степной пожар! 🔥🔥🔥
Предыдущие ошибки затянули время нашего выбора, но еще слишком поздно делать быстрый разворот.
Дела идут, держись, не облажайся! 🧺
Я срочно уведомил руководителя фронтенд-группы, чтобы он как можно скорее использовал пакет qiankun для создания проекта и создания базы.
Так уж получилось, что в компании есть еще один фронтенд, который является ветераном, назовем его здесь старый А и пусть работает с фронтенд-лидером.
В конце концов, я был занят просмотром официальной документации, пытаясь помочь им с проектом контейнера-пьедестала.Итеративные задачи должны выполняться вовремя.
Потратив несколько часов, я прочитал общий принцип и почувствовал, что интеграция должна быть очень простой, и особо сложного места там нет.Конечно, как у технического менеджера, у меня все же есть определенный прогноз по поводу ям.
Время выйти, общался с ними, эй,делать дела перед работойЭто действительно не возражало.
Старый А сказал, нет проблем, особенный просто, дай мне, я получу его завтра.
Лидер группы фронтенда сказал: я не могу понять, давайте я сделаю подзаявку.
@@@Я поговорил с ним о причине и следствии отдельно, серьезных слов быть не должно, просто сказал ему, что он должен использовать qiankun, и не должен использовать другие двигатели, если только он не уверен, что сделает лучше. Вот и все на этот раз, пусть старый А идет в базу, мы делаем задачи, связанные с суб-приложением, и назначаем ему несколько задач.
Я не ожидал, что по пути с работы получу его WeChat.
Менеджер, хочу уволиться, но состояние нехорошее, успокойтесь на время, а потом ищите работу
не привык к этому
Я хочу сказать это.
Состояние нехорошее, боюсь задержать прогресс
Я пытался сохранить его, в конце концов, если бы я только столкнулся с небольшой шишкой, было бы хорошо, если бы я выжил. В конце он просто сказал:Эй, состояние еще не наладилось, я поехал к своим одноклассникам в Шэньчжэнь, чтобы немного адаптироваться и улучшить свои навыки.
Вроде снежинка по голове пролетела.Фронтенд тимлид, на которого я настроен оптимистично, на которого полагаюсь, и на которого без осмотра полагаюсь, просто мигает людям. За месяц осталось 7 DEMO проектов.
Неужели этот легендарный вождь меня не слушает...
🎏 05. Чтобы тушить пожар, нужен капитан
Помимо того, что я столкнулся с беспорядком, оставленным руководителем фронтенд-группы, я также был поражен формированием команды.
Я вдруг понял, что внезапная отставка человека за начальство,Также дополнительный удар, конечно, в итоге опять разобрался, ничего страшного, просто подвести итоги уроков, нет необходимости выходить в интернет.
Второй день был по-прежнему лихорадочным, и я продолжал следить за ходом проекта пьедестала с хорошими и плохими новостями.
Когда я вышел с работы, фронтенд старый А сказал мне, что есть много проблем, которые нельзя решить, и это может быть бесполезно.
Несмотря на то, что я ушел с работы, я действительно не мог позволить ситуации продолжаться и был полон решимости попробовать это сам и посмотреть, где я застрял.
Овертайм вне зависимости от времени, Кажется, когда ты станешь лидером, у тебя будет это сознание!
Я клонировал официальную демонстрацию 1 qiankun, демонстрацию 2 статьи, которую я опубликовал, а затем сравнил учебные пособия, чтобы шаг за шагом создать новый базовый проект vue.
Не на Baidu, Google.
- Создайте новый проект vue: космический корабль
vue create portal-spaceShip
- добавить элемент-интерфейс
yarn install element-ui
- Увеличение цянькунь
yarn add qiankun
- Переведи ts-программу demo2 в js и напиши в проект
- запускать
✨Вроде бы успешно, интересно, не вошел ли я в новое состояние, оно такое гладкое?
✨Запустите под-приложение demo1, боже мой, это так быстро, без проблем.
❤️Кажется, у меня есть уверенность: добавление окна входа, добавление ссылки, сложностей нет, вход в систему в порядке.
Я подумал, что должно быть на 70% лучше.
Вроде есть небольшая проблема, загруженное под-приложение рендерится не в указанный контейнер, а поверх контейнера верхнего уровня. После некоторого метания я наконец нашел источник проблемы.
5.1 Яма Али Цянькуна 1
Загрузка подприложения будет загружена на верхний уровень, поскольку и подприложение, и базовое приложение используют один и тот же идентификатор, а идентификатор в index.html базы можно изменить на другой идентификатор.
5.2 Часть 2. Динамическая регистрация микросервисов
Из-за жизненного цикла регистрация движка должна быть запущена до и после цикла vue.Обычно она размещается в main.js, и в это время также вызывается API регистрации registerMicroApps. Однако, поскольку вы не вошли в систему, вы не можете зарегистрироваться для службы набора. После множества запросов о проблемах я обнаружил, что он уже поддерживает динамическое добавление подприложений. просто позвони еще разregisterMicroAppsВот и все.
Вы можете вызвать его в соответствующем месте в app.vue для рендеринга и добавления новых микросервисов.
5.3 Субприложение pit 3 возвращается к основному приложению
Это не следует считать ямой движка, это должно быть связано с включенным корневым каталогом, маршрут не может быть выскочен на верхний уровень, и его нужно только использовать.
//window.location.href = "/";
window.history.pushState(null,'','/login');
5.4 Основные пункты Подприложения не нуждаются в пакете qiankun
Суть в том, что субприложениям не нужно обращать вниманиекаркас цянькунь, не нужно ссылаться на его пакет, просто реализуйте интерфейс экспорта в соответствии со стандартом.
Все нормально, это не так сложно.
🎏 06. Знания Навык: Меня здесь нет, если что-то случится
Конечно, сверхурочные работы по ночам не доделали всего, и несколько ям решали на следующий день после сверхурочных работ.
Поскольку старый А не пришел на следующий день, он спросил и сказал, что отпрашивается.Эй, этот отпуск еще не утвержден...
На самом деле, поскольку он уже начался, он будет очень популярен, и, конечно, нет необходимости заботиться об этих деталях.
«Не придешь, не приходи, ничего страшного», — могу только себя утешить.
Навыки выживания на рабочем месте: если вы не можете справиться с неотложным делом, возьмите отпуск и перетащите его к своему начальнику ✨✨✨, все само собой пойдет!
Кажется, что необходимо укреплять фронтальные знания~~~
Кажется, моя способность руководить командой нуждается в улучшении ~~~
🎏 07. Заключение
По этому поводу я подробно обсудил с начальником, и основные моменты записаны следующим образом.
Конечно, у него есть мнения и предложения, над которыми стоит поразмыслить, что, собственно, и немного охладило мой энтузиазм, потому что я не получил его поддержки.
- Если вы не понимаете проблемы знакомства с людьми, вы позволяете им брать на себя ответственность
- Проблема децентрализации, нечеткая инспекция и постановка задач
- Разница в рангах, сердце слишком далеко, трудно услышать правду
- Общение занимает слишком много времени, всем нужно общаться со мной
- Врожденные проблемы фонового фреймворка, слоты таких-то
- Проблемы с эмоциональным интеллектом, эмоциональный интеллект не высокий 🤕🤕🤕
- Необходимо рассмотреть возможность ротации руководителей групп и назначения посредников для выполнения задач.
🤕🤕🤕Я со стеклянным сердцем тоже получил 10 000 единиц урона, но мне нужно его пройти, и мои друзья надеются помочь мне анализировать и анализировать!
Спасибо, спасибо всем.
Это также редкий опыт, записанный, это также будет серия особых следов в будущем!
Когда я была молода и не знала аромата front-end, 🕺🕺🕺 ошибочно считала back-end сокровищем!
Рутинное резюме, рациональный взгляд!
Каков результат? 😳😳😳
👓Я видел это, вам все еще нравится?
👓 Все понравилось, вам еще небезразличен фаворит?
👓 Избранное, вам все еще нужен комментарий?
Там же есть серия фронтовых статей, приглашенный офицер, не посмотрите?
👉Интерфейсный проект, см. данные, которые я инициировал в глобальном фоне здесь, я спрошу вас.