Контрольный список для самопроверки для [квалифицированного] фронтенд-инженера

JavaScript
Контрольный список для самопроверки для [квалифицированного] фронтенд-инженера

открытие

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

winterВ своем курсе «Переобучение интерфейсу» упоминается:

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

Это очень реальная ситуация.На самом деле, многие фронтенд-разработчики являются самоучками или даже сменили карьеру.Вход во фронтенд прост, и они узнали несколькоAPIТакже очень просто запустить проект в будущем, но это часто становится узким местом, ограничивающим собственное развитие.

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

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

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

Это не просто мои знания, а контрольный список, о котором я всегда себе напоминаю.

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

1. Основы JavaScript

Фронтенд-инженеры — это те, кто ест, а глубина и широта не могут быть плохими.

переменные и типы

  • 1.JavaScriptУказаны несколько языковых типов

  • 2.JavaScriptКакова основная структура данных объекта

  • 3.SymbolПрименение типа в реальной разработке, простойSymbol

  • 4.JavaScriptКонкретная форма хранения переменных в памяти

  • 5. Встроенные объекты, соответствующие базовым типам, и операции упаковки и распаковки между ними

  • 6. Понимание типов значений и ссылочных типов

  • 7.nullа такжеundefinedразница

  • 8. Можно сделать как минимум три сужденияJavaScriptПуть типов данных, их преимущества и недостатки, как точно судить о типе массива

  • 9. Сценарии, в которых может происходить неявное преобразование типов, и принципы преобразования, как их избежать или разумно применить

  • 10. Причина потери десятичной точности,JavaScriptСамое большое число, которое можно сохранить, самое большое безопасное число,JavaScriptСпособы обработки больших чисел, способы избежать потери точности

Прототипы и цепочки прототипов

  • 1. Понимать шаблоны прототипирования иJavaScriptПравила прототипа в

  • 2.instanceofОсновной принцип реализации вручную реализуетinstanceof

  • 4. Несколько способов реализации наследования, их преимущества и недостатки

  • 5. Назовите хотя бы один проект с открытым исходным кодом (например,Node) в случае применения прототипного наследования

  • 6. Можно описатьnewПодробный процесс объекта, вручную реализующийnewоператор

  • 7. Понятьes6 classОсновополагающий принцип реализации построения и наследования

Область действия и замыкания

  • 1. Понимание лексической области видимости и динамической области видимости

  • 2. ПонятьJavaScriptОбласти действия и цепочки областей видимости

  • 3. ПонятьJavaScriptСтек контекста выполнения можно использовать для быстрого обнаружения проблемы с помощью информации о стеке.

  • 4.thisПринцип и значение нескольких различных сценариев использования

  • 5. Принцип реализации и функции замыканий, можно перечислить несколько практических применений замыканий в разработке.

  • 6. Понять принципы переполнения стека и утечек памяти и способы их предотвращения

  • 7. Как обрабатывать циклические асинхронные операции

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

исполнительный механизм

  • 1. Почемуtryположить внутрьreturn,finallyтакже выполнять, понимать его внутренние механизмы

  • 2.JavaScriptКак реализовать асинхронное программирование можно подробно описатьEventLoopмеханизм

  • 3. Что такое макрозадачи и микрозадачи?

  • 4. Может быстро анализировать сложную асинхронную вложенную логику и осваивать метод анализа.

  • 5. ИспользуйтеPromiseреализовать серийный

  • 6.Nodeс браузеромEventLoopразница

  • 7. Как обрабатывать большие данные, обеспечивая при этом бесперебойную работу страницы

Синтаксис и API

  • 1. ПонятьECMAScriptа такжеJavaScriptОтношение

  • 2. Умелое использованиеes5,es6предоставленная спецификация синтаксиса,

  • 3. МастерствоJavaScriptПредоставленный глобальный объект (например,Date,Math), глобальная функция (например,decodeURI,isNaN), глобальные свойства, такие какInfinity,undefined)

  • 4. Умелое применениеmap,reduce,filterРавные функции высшего порядка для решения задач

  • 5.setIntervalНа заметку, используйтеsettimeoutвыполнитьsetInterval

  • 6.JavaScriptпредоставил регулярное выражениеAPI, вы можете использовать регулярные выражения (проверка почтового ящика,URLсинтаксический анализ, дедупликация и т. д.) для решения общих проблем

  • 7.JavaScriptМетод обработки исключений, унифицированная схема обработки исключений

2. HTML и CSS

HTML

  • 1. Понимать с нормативной точки зренияHTML, используя метки с таксономической и семантической точки зрения

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

  • 3. Теги класса метаинформации (head,title,meta) цель использования и метод конфигурации

  • 4.HTML5Принцип автономного кэширования

  • 5. Можно использоватьCanvas API,SVGи т. д. для рисования высокопроизводительных анимаций

CSS

  • 1.CSSБоксовая модель, отличия в разных браузерах

  • 2.CSSВсе селекторы и их приоритеты, сценарии использования, какие из них могут быть унаследованы и как их использоватьatправило

  • 3.CSSЧто такое псевдоклассы и псевдоэлементы, их отличия и практическое применение

  • 4.HTMLПравила верстки документооборота,CSSНесколько правил позиционирования, позиционирование эталонных объектов, влияние на документооборот, выбор наилучшего метода позиционирования и принцип реализации карты спрайтов.

  • 5. Возможна реализация схемы горизонтальной и вертикальной центровки6Более одного вида и сравнить их преимущества и недостатки

  • 6.BFCПринципы реализации, проблемы, которые можно решить, как создатьBFC

  • 7. ДоступноCSSФункция повторного использования кода для достижения специальных эффектов

  • 8.PostCSS,Sass,LessСходства и различия, а также использование конфигурации, освоить хотя бы один

  • 9.CSSМодульное решение, как настроить загрузку по требованию, как предотвратитьCSSблокировка рендеринга

  • 10. Умелое использованиеCSSВнедрение общих анимаций, таких как градиенты, движение, вращение, масштабирование и т. д.

  • 11.CSSНаписание совместимости браузера, поймите разницуAPIСовместимость под разными браузерами

  • 12. Освойте полный набор адаптивных схем макета

почерк

  • 1. Эффект водопада рукописного изображения

  • 2. ИспользуйтеCSSРисование геометрических фигур (кругов, треугольников, секторов, ромбов и т.д.)

  • 3. Используйте чистыйCSSРеализация криволинейного движения (кривые Безье)

  • 4. Внедрите стандартные макеты (трехколонный, святой Грааль, двойные крылья, потолочный), но назовите несколько способов и поймите их преимущества и недостатки.

3. Основы работы с компьютером

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

Принцип составления

  • 1. Понять, что такое код и как компьютер преобразует код в целевую программу, которую можно запустить.

  • 2. Принцип сопоставления регулярных выражений и оптимизация производительности

  • 3. Как поставитьJavaScriptКод анализируется в абстрактное синтаксическое дерево (AST)

  • 4.base64Принцип кодирования

  • 5. Несколько методов расчета взаимного преобразования оснований, вJavaScriptкак представить и преобразовать

Сетевой протокол

  • 1. Понять, что такое договор, понятьTCP/IPСостав семейства сетевых протоколов, роль каждого протокола уровня в приложении

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

  • 3. Какие протоколы надежны,TCPКаковы средства обеспечения надежной доставки

  • 4.DNSроль,DNSАнализ детального процесса,DNSПринцип оптимизации

  • 5.CDNРоль и принцип

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

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

  • 8.HTTP1.1,HTTP2.0изменения, вызванные

  • 9.HTTPSпринцип шифрования, как открытьHTTPS, как угнатьHTTPSпросить

  • 10. ПонятьWebSocketОсновополагающий принцип протокола иHTTPразница

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

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

  • 2. Сходства и различия между моделью публикации-подписки и моделью наблюдателя и их практическое применение.

  • 3. Вы можете сказать о практическом применении нескольких шаблонов проектирования в разработке и понять применение шаблонов проектирования в исходном коде фреймворка.

4. Структуры данных и алгоритмы

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

Возможность кодирования JavaScript

  • 1. Разнообразие способов добиться дедупликации массива, выравнивания и сравнения преимуществ и недостатков.

  • 2. Разнообразие способов добиться глубокого копирования, сравнить преимущества и недостатки

  • 3. Функция инструмента для каррирования рукописных функций, а также понимание сценариев и преимуществ ее применения.

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

  • 5. Реализуйтеsleepфункция

Ручная реализация передних колес

  • 1. Ручная реализацияcall、apply、bind

  • 2. Вручную внедрить соответствиеPromise/A+нормативныйPromise, ручная реализацияasync await

  • 3. Напишите от рукиEventEmitterРеализовать публикацию событий и подписку

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

  • 5. ПочеркJSON.stringify,JSON.parse

  • 6. Напишите шаблонизатор и объясните принцип

  • 7. Почерк懒加载,下拉刷新,上拉加载,预加载Равный эффект

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

  • 1. Понимать характеристики общих структур данных, их преимущества и недостатки в различных сценариях.

  • 2. Понять数组,字符串принципов хранения и умело применять их для решения проблем

  • 3. Понять二叉树,栈,队列,哈希表Базовая структура и характеристики, и могут применить его для решения проблем

  • 4. Понять图,堆Базовая структура и сценарии использования

алгоритм

  • 1. Он может рассчитать временную и пространственную сложность алгоритма, а также оценить время и потребление памяти кода бизнес-логики.

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

  • 3. Понимать преимущества и недостатки рекурсии и циклов, сценариев приложений и уметь применять их при разработке.

  • 4. Применимо回溯算法,贪心算法,分治算法,动态规划и т.д. для решения сложных задач

  • 5. Алгоритмическая схема предварительной обработки массивных данных

5. Операционная среда

Нам необходимо прояснить отношения между языком и средой:

ECMAScriptОписаноJavaScriptСинтаксис языка и базовая спецификация объекта

браузер какJavaScriptСреда выполнения, обеспечивающая: Объектную модель документа (DOM), описывающих методы и интерфейсы обработки веб-контента, объектную модель браузера (BOM), Описанный метод взаимодействует с браузером и интерфейсами

УзелJavaScriptсреда выполнения для его работыI/O, сеть и т.д.API

API браузера

  • 1. Браузер предоставляетW3CстандартныйDOMдействоватьAPI, отличия браузеров, совместимость

  • 2. Объектная модель браузера, предоставляемая браузером (BOM) предоставляет все глобальные переменныеAPI, отличия браузеров, совместимость

  • 3. МногоDOMоперации, оптимизация производительности массивных данных (операции слияния,Diff,requestAnimationFrameЖдать)

  • 4. Массовое хранение данных в браузере, оптимизация производительности.

  • 5.DOMКонкретный механизм реализации потока событий, разница между разными браузерами, прокси событий

  • 6. Несколько способов для внешнего интерфейса инициировать сетевые запросы и их базовая реализация, которая может быть написана от руки.ajax,fetch, Может умело использовать сторонние библиотеки

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

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

  • 9. Взаимодействие между браузерами

Принцип браузера

  • 1. Используется каждым браузеромJavaScriptДвигатели и их сходства и различия, как отличить их в коде

  • 2. Есть несколько взаимодействий с сервером от данных запроса до конца запроса

  • 3. Может подробно описать ввод из браузераURLПодробный процесс отображения страницы

  • 4. Браузерный парсингHTMLПринцип кода и конструкцияDOMпоток дерева

  • 5. Как браузер парситCSSправила и применить их кDOMна дереве

  • 6. Как браузер анализирует стилизованныйDOMдерево рисовать

  • 7. Механизм работы браузера, как настроить асинхронную и синхронную загрузку ресурсов

  • 8. Основополагающий принцип перекомпоновки и перерисовки браузера, причина и как этого избежать

  • 9. Механизм сборки мусора в браузере, как избежать утечек памяти

  • 10. Схема кэширования, принятая браузером, как выбрать и контролировать соответствующую схему кэширования

Node

  • 1. ПонятьNodeроль в приложении, вы можете использоватьNodeСоздайте интерфейсную операционную среду, используйтеNodeМанипулировать файлами, манипулировать базами данных и т. Д.

  • 2. ОсвоитьNodeсреды разработки, такие какExpress,Expressа такжеKoaразница

  • 3. Квалифицированное использованиеNodeкоторый предоставилAPIТакие какPath,Http,Child Processподожди и пойми как это работает

  • 4.NodeОсновной принцип работы , сходства и различия браузеров

  • 5.NodeПринцип реализации управляемого событиями неблокирующего механизма

Шестой, рамки и библиотеки

Колеса всплывают нескончаемым потоком, и понимание в принципе — правильный путь

TypeScript

  • 1. Понять泛型,接口Объектно-ориентированные концепции, такие какTypeScriptРеализация объектно-ориентированной концепции

  • 2. Понимание использованияTypeScriptПреимущества мастерингаTypeScriptБазовая грамматика

  • 3.TypeScriptПринцип обнаружения правил

  • 4. Доступно вReact,Vueиспользуется в других фреймворкахTypeScriptразвивать

React

  • 1.Reactа такжеvue Выбор и преимущества и недостатки, разница между базовой архитектурой

  • 2.ReactсерединаsetStateМеханизм исполнения, как эффективно управлять государством

  • 3.ReactБазовый механизм реализации события

  • 4.ReactвиртуальныйDOMа такжеDiffВнутренняя реализация алгоритма

  • 5.ReactизFiberКак это работает, какие проблемы решает

  • 6.React Routerа такжеVue RouterОсновной принцип реализации и принцип реализации динамической загрузки

  • 7. Можно умело применятьReact API, жизненный цикл и т. д., могут применятьсяHOC,render props,HooksРавное использование более высокого порядка для решения проблем

  • 8. На основеReactХарактеристики и принципы, вы можете вручную реализовать простойReact

Vue

  • 1. Умелое использованиеVueизAPI, жизненный цикл, функция крюка

  • 2.MVVMидеи дизайна рамы

  • 3.VueПринцип реализации двусторонней привязки,DiffВнутренняя реализация алгоритма

  • 4.Vueмеханизм события

  • 5. Отtemplateпреобразовать в реальныйDOMмеханизм реализации

Мультитерминальная разработка

  • 1. Одностраничное приложение (SPA) принцип и преимущества и недостатки, освоить быстрое развитиеSPAстроить планы

  • 2. ПонятьViewport,em,remпринцип и использование, разрешение,px,ppi,dpi,dpотличие и практическое применение

  • 3. Решения по адаптации мобильных страниц, решения по адаптации под разные модели

  • 4. ОсвоитьJavaScriptТехнологии разработки мобильных клиентов, такие какReact Native: можно построитьReact NativeОкружающая среда развития, опытный в развитии, понятноReact NativeПринцип действия, разная конечная адаптация

  • 5. Мастер одинJavaScript PCметоды разработки на стороне клиента, такие какElectron: можно построитьElectronСреда разработки, опытный в разработке, понятныйElectronкак это работает

  • 6. Освойте структуру разработки небольших программ или нативную разработку небольших программ.

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

управление потоком данных

  • 1. МастерReactа такжеVueТрадиционная схема межкомпонентной связи в сравнении со сходствами и различиями фреймворка управления потоками данных

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

  • 3. Умелое использованиеMobxУправляйте потоком данных и понимайте, как он реализован по сравнению сReduxКаковы преимущества

  • 4. Умелое использованиеVuexУправляйте потоком данных и понимайте, как это работает

  • 5. Сходства и различия, преимущества и недостатки вышеперечисленных схем потоков данных и их технический выбор при различных обстоятельствах.

Утилита библиотеки

  • 1. Есть хотя бы одинUIкаркасы компонентов, такие какantd design, понять его концепцию дизайна, лежащую в основе реализацию

  • 2. Освойте структуру построения диаграмм, напримерEchart, понимать его концепцию дизайна и лежащую в его основе реализацию, а также самостоятельно реализовывать диаграммы.

  • 3. ОсвойтеGISСреды разработки, такие как Baidu MapsAPI

  • 4. Знание структуры визуального развития, такая какThree.js,D3

  • 5. Библиотека функций инструмента, напримерlodash,underscore,momentи т. д., понимать конкретный принцип реализации используемого класса инструмента или функции инструмента

разработка и отладка

  • 1. Опыт использования инструментов отладки, предоставляемых каждым браузером

  • 2. Опыт использования прокси-инструмента для реализации прокси-сервера запросов и захвата пакетов, напримерcharls

  • 3. Можно использоватьAndroid,IOSСимулятор отладки и освойте схему отладки реальной машины

  • 4. ПонятьVue,ReactИспользование других инструментов отладки фреймворка

7. Фронтенд-инжиниринг

Фронтенд-инжиниринг: использование инженерных методов и инструментов для повышения производительности разработки и снижения сложности обслуживания.

сборка проекта

  • 1. Понятьnpm,yarnПринцип управления пакетами зависимостей, разница между ними

  • 2. Можно использоватьnpmЗапустите пользовательские сценарии

  • 3. ПонятьBabel,ESLint,webpackРоль других инструментов в проекте

  • 4.ESLintПринцип обнаружения правил, обычно используемыйESLintнастроить

  • 5.BabelОсновной принцип, вы можете написать один самиBabelплагин

  • 6. Можно настроить схему совместимости внешнего кода, напримерPolyfill

  • 7.WebpackПринцип компиляции, процесс построения, принцип горячего обновления,chunk,bundleа такжеmoduleразница и применение

  • 8. Умение настраивать существующиеloadersа такжеpluginsРешите проблему, вы можете написать свой собственныйloadersа такжеplugins

nginx

  • 1. Особенности и примеры прямого прокси и обратного прокси

  • 2. Вы можете вручную построить простойnginxсервер,

  • 3. Квалифицированное применение часто используемыхnginxВстроенные переменные, освойте написание общих правил сопоставления

  • 4. Может быть использованnginxРеализовать фильтрацию запросов и настройкуgzip, балансировка нагрузки и т. д., и может объяснить его внутренние принципы

Ускорить разработку

  • 1. Знаком с интерфейсом управления, интерфейсомmockиспользование таких средств, какyapi

  • 2. Освойте эффективное решение для отслеживания журналов, вы сможете быстро использовать инструменты запросов к журналам для обнаружения онлайн-проблем.

  • 3. ПонятьTDDа такжеBDDбудет использоваться по крайней мере один интерфейсный фреймворк для модульного тестирования.

контроль версий

  • 1. ПонятьGitОсновные принципы, рабочий процесс иSVNразница

  • 2. Умение пользоваться обычнымиGitЗаказ,git rebase,git stashждать расширенных команд

  • 3. Можно быстро решить线上分支回滚,线上分支错误合并и другие сложные вопросы

Непрерывная интеграция

  • 1. ПонятьCI/CDСмысл технологии, хоть один владеетCI/CDиспользование таких средств, какJenkins

  • 2. Может выполнить полный набор процессов разработки, таких как проектирование архитектуры, выбор технологии, построение среды, разработка полного процесса и развертывание в Интернете (включаяWebприложения, мобильные клиентские приложения,PCклиентские приложения, апплеты,H5так далее)

Восемь, проекты и операции

Бэкэнд-навыки

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

  • 2. Освоить, как данные наконец хранятся в базе данных, понять структуру таблицы, взаимосвязь между таблицами и использовать по крайней мере один тип базы данных.

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

  • 1. Понимать метрики производительности внешнего интерфейса, точки мониторинга производительности и осваивать решение для мониторинга производительности внешнего интерфейса.

  • 2. Узнайте об общихWeb,AppПлан оптимизации производительности

  • 3.SEOправила ранжирования,SEOСхема оптимизации, разделение front-end и back-endSEO

  • 4.SSRПлан внедрения, преимущества и недостатки, а также оптимизация его производительности

  • 5.Webpackоптимизация производительности

  • 6.CanvasПлан оптимизации производительности

  • 7.React,VueДругие фреймворки используют решения для оптимизации производительности.

Фронтальная безопасность

  • 1.XSSПринципы, классификации, конкретные случаи атак и способы защиты внешнего интерфейса

  • 2.CSRFПринцип атаки, конкретный случай, как защищаться в лоб

  • 3.HTTPУгон, принцип угона страницы, меры защиты

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

  • 1. Уметь понимать общую бизнес-форму, бизнес-цели и бизнес-структуру разработанного проекта, а также быстро находить бизнес-проблемы в Интернете.

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

  • 3. Вы можете внедрить в бизнес собственные идеи или новые технологии и постараться иметь в команде некую незаменимость

9. Улучшение обучения

vczhВеликий бог в курсе вопроса [Как я могу достичь уровня трех великих богов Вэнь Чжаолуня в будущем? ] под ответом:

За последние десять лет я сделал три вещи:

  • 1. Не выбирайте содержание обучения с целью заработка;
  • 2. Измеряйте эффект обучения тем, можете ли вы построить колесо;
  • 3. Настаивайте на написании собственного кода каждый день, по крайней мере, 6 часов в день в течение первых 10 лет, исключая учебу и рабочее время.

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

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

  • 1. Заведите собственный технический блог или собственную колонку на некоторых блог-платформах.

  • 2. Регулярно обобщайте знания и постоянно совершенствуйте свою систему знаний.

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

  • 4. Придерживайтесь результата自己кода, не лезьте слепо в дела компании

10. Помимо технологий

Эта часть может быть более важной, чем девять предыдущих вместе взятых!

  • 1. Поймите терминологию интернет-людей:CEO,CTO,COO,CFO,PM,QA,UI,FE,DEV,DBA,OPSЖдать

  • 2. Понимать терминологию интернет-индустрии:B2B,B2C,C2C,O2OЖдать

  • 3. Освойте общение в интернет-индустрии, вопросы и ответы, обучение

  • 4. иметь определенные"PPT"способность

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

  • 6. Овладеть методами сохранения здоровья при тяжелой работе и длительном компьютерном облучении, установить правильную систему знаний о здоровье.

11. Рекомендация по ресурсам

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

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

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

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

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

Основы языка

Основы компьютера

Структуры данных и алгоритмы

Рабочая среда

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

Фронтенд-инжиниринг

проекты и бизнес

Учимся улучшать

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

за пределами технологии

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

резюме

Я надеюсь, что вы сможете достичь следующих результатов после прочтения этой статьи:

  • Найдите свои собственные пробелы и недостатки в знаниях из списка знаний

  • С идеей систематизации знаний начните строить свою систему знаний

  • Классифицируйте знания в систему знаний при чтении статей и постоянно совершенствуйте свою систему знаний.

  • Почерпнул полезные ресурсы из статьи

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

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

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

Мы являемся командой разработчиков ByteDance Interactive Entertainment, включая Douyin Short Video, Douyin Volcano, TikTok, Faceu, Qingyan, Jianying и т. д. По состоянию на январь 2020 года Douyin Daily Active (DAU) превысила 400 миллионов и продолжает поддерживать быстрый рост. . Вы будете поддерживать разработку продуктов и связанные с ними архитектурные работы, где каждая строка кода может повлиять на сотни миллионов пользователей.

Код набора в школу 2021:DRZUM5Z

Официальный сайт доставки:job.toutiao.com/s/JR8SthH

Категории