Это 8-й день моего участия в Gengwen Challenge, смотрите подробности мероприятия:Обновить вызов

напишите в начале

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

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

Карта технических возможностей

​

Карта возможностей программного обеспечения

Подробности смотрите в статье:Компетенции, которыми должны обладать руководители фронтенд-проектов

​

Почему упор делается на базовые компетенции?

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

Связь между базовыми знаниями и реакцией

Связь между базовыми знаниями и алгоритмами

Связь между оптимизацией производительности и базовыми знаниями

​

Базовые технические возможности

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


​

Базовые знания

html

• Семантический
• HTML-элемент
• метаданные документа

​

DOM

• узел
  • Разница между атрибутом html и атрибутом dom
• Атрибуты
• доступ
• событие

​

javascript

Вот несколько ссылок на статьи, которые я написал о Nuggets.

• js типы данных и встроенные объекты объектов-оболочек
  • строковый метод
  • метод массива
  • метод объекта
• операция оператора
• прототип
• наследовать
• цепочка прицелов
• контекст выполнения
• Закрытие
• this
• немедленно выполнить функциональное выражение
• call / apply / bind
• new
• глубокая копия
• event loop
• Обычный
• событие
• ajax
• Файлы загружаются синхронно и асинхронно
• ES6+

​

css

Вот несколько ссылок на статьи, которые я написал о Nuggets.

• css импорт
• Селектор
• приоритет селектора
• наследовать
• стоимость и единица измерения
• текстовый атрибут
• коробочная модель
• Модель визуального форматирования VFM
• BFC & IFC
• position
• float
• flex
• макет
• контекст стека
• less / scss

​

http

• Процесс HTTP-запроса и код состояния HTTP
• session / cookie / localStorage / sessionStorage
• получить/отправить/спокойную спецификацию
• протокол http / семиуровневая модель OSI / пятиуровневая модель TCP-IP
• DNS-анализ
• Анализ TCP / трехстороннее рукопожатие / четырехстороннее рукопожатие
• Header

​

прикладной уровень

node

Я не буду вдаваться в подробности здесь, это не очень хорошо
​

webpack

• Начало работы и основные концепции
• настроить
• реальный бой
• оптимизация
• принцип

​

Публичный аккаунт WeChat

• Официальный процесс разработки/развертывания учетной записи
• Разрешить
• платное сканирование
• Сценарий отправки кода

​

Апплет WeChat

• Настройка среды разработки
• Состав файла/Цикл объявления/Глобальные переменные/Общие настройки/Обработка панели навигации
• Использование компонентов
• Разница между апплетом на андроиде и айфоне
• Выпуск развертывания

​

Typescript

• Что такое TypeScript
• В чем разница между TypeScript и JavaScript
• Разделение функций TypeScript
• Как начать работу с TypeScript
• Связь между TypeScript и веб-пакетом
• Связь между TypeScript и реакцией
• Отношения между TypeScript и Eslint

​

Развертывание среды

• nginx
• развертывание докера
• среда nginx
• Развертывание пакета рендеринга на стороне клиента
• Рендеринг, упаковка и развертывание на стороне сервера
• Развертывание среды Docker + nginx + cicd

​

Рамка

Фреймворк все еще зависит от того, что это такое, и здесь мы в основном говорим о реакции.

react

• Предварительное понимание и начало разработки демо
• основная концепция
• Дополнительные рекомендации
• Использование API
• react hooks
• redux
• react-router
• Применение сценария
• Изучение и понимание исходного кода

​

Расширенное приложение

структура данных

• множество
• куча
• очередь
• связанный список
• рисунок
• Дерево
• куча
• хеш-таблица

​

Шаблоны проектирования

• Принципы дизайна
• Общие шаблоны проектирования
• Использование шаблонов проектирования

​

Зачем подчеркивать улучшение мягких способностей?

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

способность к логическому анализу

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

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

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

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

​

Навыки, которые можно и нужно развивать на работе

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

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

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

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

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

И в процессе,Коммуникативные навыки, навыки сотрудничества, деловые навыки, технические навыки, навыки планированияможет тренироваться.

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

Нам нужно понять истину, и когда наши способности будут достигнуты, мы достигнем соответствующего уровня..

базовые мягкие навыки

• Способность к логическому анализу -> Способность к планированию
• Навыки коммуникации
• Сотрудничество
• Оперативная мощность
• Возможности платформы
• умственные способности

Способность к суждению: на основе технических способностей, деловых способностей и способности к планированию.
Архитектурные возможности: также основаны на технических возможностях и бизнес-возможностях.
Материнская способность: Это очень важно, как справляться с проблемами, как снять напряжение, настроить свои эмоции.

Написано в конце [ядовитый куриный суп]

• Непрерывное обучение:важность обучения
• продвижение на работе
• очистить свое направление

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

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

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

​