Как пробить узкое место основного фронтенда

предисловие

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

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

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

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

Что такое период застоя

Определение общего стажа работы младшего фронтенда 1-3 года, обратите внимание, что1 - 3 опыт работыа не годы работы.

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

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

Существующие технологии и навыки могут полностью удовлетворить текущие потребности бизнеса, а контент, организованный компанией для НИОКР, занимает расчетное время. Тогда это время является периодом узкого места, с которым сталкивается основной интерфейс. Другими словами, это период узкого места, с которым сталкивается любой этап НИОКР.

Сокращение неэффективной работы

Какая работа является неэффективной (неэффективной)?

Дублирование бизнеса
Повторяющиеся функции записываются снова и снова

Пример 1: Вход в бизнес

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

Вся логика входа инкапсулирована в SDK. При разработке новых действий SDK можно импортировать напрямую через cdn. Если в текущей среде нет входа в систему, откройте интерфейс входа и войдите в систему.

Студентам рекомендуется использовать Rollup для создания библиотеки, что более удобно.

Пример 2: Авторитетный бизнес

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

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

Если вы не знакомы с Micro-Frestend, вы можете обратиться к подмодулю Git или зависимости пакетов NPM и т. Д., Или вы можете разделить бизнес, разрабатывать и обновлять его единым образом, но обновленная услуга разрешений должна быть восстановлена и выпущен.

Пример 3: Создание основных строительных лесов

Каждый раз, когда разрабатывается новый проект, будут некоторые базовые конфигурации, которые не нужно менять, например:

Запрошенные тестовые, промежуточные, производственные адреса
Команды сборки, настройка различных окружений
Особый метод использования каждого бизнеса (например, функция обмена, которая часто используется в бизнесе событий и т. д.)

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

Пример 4: Создание собственной библиотеки компонентов

Хотя в отрасли существуют очень зрелые библиотеки компонентов, такие как Ant Design, Vant и т. д., но для соответствия собственным характеристикам и бизнесу каждой компании общей библиотеки компонентов определенно недостаточно.

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

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

Это дело нужно активно продвигать, иначе вообще сложно приземлиться.

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

Фактически после 1-3 лет проектного обучения у вас должна быть возможность извлекать публичные функции и сервисы из множества проектов, и находить похожие и похожие точки для слияния и упаковки (разборки проектов, объединения и упаковки).

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

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

Повысьте эффективность с помощью инструментов

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

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

Эффективность здесь заключается не только в фронтенд-разработке, но и в расширении горизонтов и переносе их на всю цепочку инструментов НИОКР.

существуетТребования-Дизайн-Исследования и разработки-Тест-Онлайн-Отзывы от бизнесаВо всей этой ссылке давайте посмотрим, какие инструменты могут повысить эффективность интерфейса.

Будупредсказуемо, случится, случилосьПринимаются во внимание вопросы, связанные с интерфейсом.

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

Jenkins Or Gitlab CI/CD

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

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

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

Если у команды их нет, их использование значительно сэкономит вашу энергию при создании и развертывании.

Fiddler Or Chales

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

В общем, системы Mac, Chales используют больше, Windows больше использует Fiddler, просто выберите тот, который вам нравится.

Sentry

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

Это может сэкономить вам время на поиск необъяснимых ошибок, а также является инструментом повышения эффективности.

Sentry — это лог-платформа, которая делится на клиентскую и серверную.Клиент (на данный момент в клиенте есть Python, PHP, C#, Ruby и другие языки) встраивается в середину вашего приложения, и программа отправляет исключение на сервер , сервер записывает сообщение в базу данных и предоставляет веб-интерфейс для удобного просмотра. Написанный на Python, Sentry имеет открытый исходный код, обладает отличной производительностью и легко расширяется.

Sketch And Pixcook

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

Не ограничивайте себя рамками

Пытка души Тора: ты Тор или Хаммер? То же самое касается внешнего интерфейса.Вы фронтенд-инженер или разработчик Vue, React или API?

Все фреймворки — это инструменты для развития бизнеса, в зрелой системе нет инструментов дороже труда. Вам нужно подумать не о том, как разработать фреймворк, а о том, как статьквалифицированный инженер.

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

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

Конечно, если фреймворк может хорошо играть и решать все бизнес-задачи, то это довольно круто, но на самом деле таких фреймворков или людей очень мало.

Короче говоря, исследования и разработки, которые могут решить проблему бизнеса, — это исследования и разработки, которые могут приносить деньги, а исследования и разработки, которые могут приносить деньги, — это хорошие исследования и разработки. Может быть, это предложение будет обыграно, но на самом деле деньги зарабатывает начальник, а не разработчик.

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

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

Жизнь и смерть пессимистичны

иди один

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

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

команда

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

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

такСмело берите на себя ответственность и задачи, сопротивляться в критические моменты.

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

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

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

напиши в конце

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