Годовой обзор, составьте для вас «список передовых технологий».

внешний интерфейс Безопасность JavaScript React.js

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

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

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

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

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

Содержание списка↓↓↓

0. Годовой отчет

1. Основные добавки

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

1.1. JavaScript

1.2. CSS

1.3 Браузер

2. Инжиниринг и инструменты

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

2.1. webpack

2.2. Gulp

2.3. Linter

2.4 Статическая типизация (Typescript/Flow)

2.5. Babel

2.6. CSS предварительная обработка и модуляция

3. Оптимизация производительности

Оптимизация производительности на самом деле «в соответствии с локальными условиями» на основе понимания браузера, поэтому ее можно понять в сочетании с разделом «Браузер» в разделе 1.3.

настоятельно рекомендуюОптимизация производительности в Google WebСтатьи в Tab прочитываются, и они в основном охватывают все моменты оптимизации производительности в современных браузерах, очень системно. Ниже приведены некоторые выдержки, которые я лично считаю очень хорошими.

3.1 Производительность загрузки

3.2 Производительность во время выполнения

3.3. Внешний кеш

3.4 Отладка производительности и практика

3.5. Индикатор производительности

4. Безопасность

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

4.1. XSS

4.2. CSRF

4.3. CSP

4.4. HTTPS

4.5 Запись о безопасности

5. Автоматизированное тестирование

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

5.1 Модульное тестирование

5.2 Сквозное тестирование (E2E)

5.3 Прочее

6. Фреймворки и библиотеки классов

Если базовое знание — это Дао, то рамки и инструменты могут быть искусством; изучите и поймите их, но никогда не становитесь их рабами.

6.1. React

6.2. Vue

6.3. Redux

6.4. RxJS

7. Новая технология/направление

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

7.1. PWA

7.2. CSS Houdini

7.3. Web Components

7.4. Микроинтерфейсы

7.5. HTTP/2

7.6. WebAssembly

8. Связанный с бизнесом

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

8.1 Управление данными и отчетность

8.2 Внешний мониторинг

8.3. A/B-тестирование

8.4. "Серверная рассылка"

8.5 Анимация

9. Хорошее письмо без категорий

Расслабление полезно.

Примечание. Для некоторых статей на иностранном языке может потребоваться «Научный доступ в Интернет».

Категории