Front-end Architecture - Давайте вместе нарисуем архитектурную схему

Архитектура

предисловие

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

Мир иерархичен, и никто неотделим от трех, шести и девяти делений.Помимо несправедливых факторов, в идеальной среде уровень человека в основном определяется способностью мыслить.Проще говоря, можно работать не думая Физическая активность, если вам лень двигаться, вы можете просить, т.е. оставаться на месте, но если вы думаете о рождении Вселенной и развитии, то вы находитесь на очень высоком уровне, как Эйнштейн, или вы думаете о том, как развивается страна, о будущем нации, таких как национальные лидеры (кроме товарища Чуан Цзяньго)

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

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

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

текст

рамка мысли

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

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

Так почему?Почему это происходит?

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

информация → образ мыслей → сказать

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

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

Вернуться к рисовать диаграммы архитектуры

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

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

Совет 1. Не пытайтесь выразить два разных информационных потока на одном графике

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

Навык 2 Изучение и использование фиксированных структур мышления

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

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

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

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

Диаграмма бизнес-архитектуры и структура мышления

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

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

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

Диаграмма технической архитектуры и схема мышления

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

Таким образом, схема мышления диаграммы технической архитектуры, которую я обобщил, такова:

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

Блок-схема производства и расхода и мышления

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

Структура мышления блок-схемы производства и потребления

  • Каждый граф должен иметь уникальный источник производства и потребления
  • Границы и границы - разные роли
  • Легенда должна вращаться вокруг этой роли, как потреблять источник и создавать источник с цепочкой.

позже

В конце статьи давайте зададим вопрос, почему нельзя нарисовать схему архитектуры?

  • Отсутствие целенаправленной преднамеренной практики
  • Не установление собственной структуры мышления
  • Не читал мою статью 😀
  • Думать, что рисование не является важным навыком, на самом деле отражает отсутствие стремления и понимания более высоких уровней мышления.

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