Front-end убеждение и front-end система знаний (front-end система интервью)

предисловие

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

браузер
компьютерная сеть
Основы фронтенда (html, css, js)
node
webpack
Структуры данных и алгоритмы
веб-безопасность
Фронтенд-инжиниринг (применение принципов компиляции)
Оптимизация рендеринга
мониторинг производительности

Не включает в себя:

Кросс-энд (мини-программа, гибридное приложение)
Рамка
typescript
мобильный

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

Для остальных я не очень знаком, поэтому кто-нибудь хочет завершить вторую часть?

разное

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

Текущее направление внешнего интерфейса:

визуализация
охватывать
Апплеты
Инжиниринг
игра
DevOps
webAssembly (rust, c, cpp) расширяет интерфейс через другие языки для достижения решений, которые интерфейс не может сделать
Аудио и видео (FFmpeg)
полный стек

Необходимый:

html, css, js
Typescript (2021 год, сейчас ts почти необходимый навык)
Рамка
Знания, связанные с браузером
мониторинг, отслеживание
командное сотрудничество

Необязательный:

компьютерная сеть
Принцип составления
Структуры данных и алгоритмы
модульный тест

Ссылки в этой статье

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

Подать жалобу:

Сделано с мыслями Фейшу (замаскированная реклама?), расскажите об опыте.

преимущество:

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

недостаток:

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

Примечание

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

Передняя система знаний

前端知识体系 (3).png

браузер

От ввода URL до просмотра того, что произошло со страницей
Правила парсинга DOM
Будут ли css и js блокировать рендеринг?
кссс, ксрф, кссп
Разница между перерисовкой и перекомпоновкой
Что такое кеш браузера
перекрестный домен

数据结构和算法.png В конце концов, в качестве фронтенда я имею дело с браузерами каждый день, а фронтенд, который не понимает браузеры, не является хорошим фронтендом.