Полтора года поиска работы фронтенда
только что
跳槽🔥🔥, здесь, чтобы поделиться волной личных обучающих ресурсов.хочу увидеть
跳槽之路можно нажать:Полтора года поиска работы фронтенда.
1. Резюме
должен иметь
亮点! ! ! Известные школы, крупные заводы, опыт работы, личные блоги, проекты с открытым исходным кодом и т.д.Если нет никого, приходи,
现成的, возьмите ответвление моего блога и используйте его для себя, есть также обучающие блоги (совершенно бесплатно), попросите одинstart.Блог Junjie на GitHub.Здесь лично я считаю более важным момент, есть разные мнения, область комментариев
battleмомент 🤓
1. В целом
Не любите, вы можете использовать重点颜色отметьте себя擅长навыки, которыми должны обладать шаблоны резюме简洁, размер шрифта и межстрочный интервал удобны для просмотра.1234Для описания вещей, за которые вы отвечаете, результатов вывода, резюме социального рекрутинга должно быть не ниже两页.
Лучше отправить резюме靠谱的内推, исходя из вашего опыта, мы можем порекомендовать отделы, соответствующие вашему бизнесу, и в то же время можем跟进进度. Иначе猎头Дайте вам толчок, и, наконец, босс свяжется с вамиhrтакже. (Большинство компаний имеют файлы резюме, как правило,半年起步Не могу проголосовать снова, если кто-то вас не ловит)
2. Опыт проекта
Социальный набор最重要часть, аналогичный проектный опыт может быть сжат, в соответствии с проектом熟悉度Типа написать. Нечего писать, просто придумай то, что знаешь.解决方案, предпосылка заключается в том, что вы должны это выяснить, многие интервьюеры поймут ваш проектный опыт细问.
В проектный опыт необходимо добавить некоторые个人思考, неужели этот проект не позволяет вам это сделать,结果тоже самое? Вы рассмотрели все требования?合理性, масштабируемость? Как справиться с индивидуальными требованиями? твой价值Где? Что ты наделал方案调研,架构设计,产品设计? С чем вы столкнулись难题?Как насчет технического решения?落地?新技术Как продвигаться?
3. Опыт работы
Время работы можете рассчитать сами, отметьте几年几个月. собственная должность в компании, ответственность за事情, сделанный产出. что ты получил奖项могу написать.
4. Основная информация
ФИО, возраст, номер телефона, место жительства,几年经验,个人博客,GitHub链接и т.п. В случае с фотографиями, если вы уверены в себе, Meiyimei сделает их. Если школа хорошая, вы можете начать новую колонку, чтобы написать об этом, а если школа плохая, просто примите это к сведению.
2. Частые вопросы на собеседовании
Некоторые проблемы, возникшие на собеседовании в начале февраля,
不全面, но сравнивая真实.
1. JavaScript
- говорить о
js数据类型? Разница между базой и референсом?symbolа такжеbigintРасскажите о сценарии применения? - Как определить тип данных?
instanceofПринцип?空对象?typeof null?typeof NaN? - var/let/const разница?
暂时性死区?块级作用域? Можно ли изменить const a = {}; a.x = 1? - скажи, что ты прав
函数式编程понимание?函数柯里化понимание? Обычные сценарии использования? -
防抖、节流В смысле, сценарии использования?手写一下? - В чем разница между вызовом, применением и привязкой?
bind实现? Можно ли изменить эту точку после привязки? Почему? - Концепция закрытия, самое главное, чтобы спросить
闭包的场景? - использовать
es5实现es6наследование классов? Есть много вопросов о наследстве - Глубокая копия или поверхностная копия? Общий метод? рукописный
深拷贝函数? - Расскажите, что вы знаете о JavaScript
设计模式? В чем разница между наблюдателем и публикацией подписки?手写А публикация-подписка? я действительно написал - Поговорим с вами о JavaScript
异步编程понимание? -
ES Moduleа такжеCommonJSРазличия в модулях? То, как они загружают друг друга? Обычно связано с AMD -
Promise.все, раса, всеУстоявшееся понятие, почерк? Будет использоваться много рукописных вопросов, таких как выполнение запросов с обещаниями.并发个数предел?
2. CSS
- Горизонтальный и вертикальный
居中? совместимость?不知道宽高кейс? - Концепция BFC? эффект?
常用场景? - Флекс? Уведомление
flex:1Значение , как правило, даст вам вопрос сцены -
盒模型концепция, как切换коробочная модель? - выполнить
1pxРамка? линии 1px? -
伪类а также伪元素разница? сцены, которые будут использоваться?
3. HTTP && браузер
- браузер
缓存? http кеш? В основном讲一讲Сильный кеш, договорный кэш, предварительная нагрузка, префектура, обслуживающий работник и т. Д.,304имея в виду? Согласовать кешe-tagКак он генерируется?Last-ModifiedНа чем он основан? Сравните два?优先级Что выше? - что
跨域? При каких обстоятельствах он будет междоменным? Браузеры на основе чего字段判断是否允许跨域? перекрестный домен解决方案Какой?optionsСпросите, чтобы знать? Расскажите о CORS в简单请求а также复杂请求?form表单提交Будет ли он междоменным? - Разговор о цикле событий браузера
Event Loop? узел事件循环Опишите это? -
http2Какие новости?http2Какие недостатки есть?http3какое-то понимание? -
从输入 URL 到页面加载完成的过程, вообще нужно очень подробное описание: в т.ч.DNS查询,缓存Спросите,3次握手,4次挥手, браузер渲染进Ченг и т. д., интервьюер выберет еще несколько вопросов и задаст их подробно, например, почему это 3 рукопожатия и 4 волны? Поток рендеринга GUI, поток движка JS, поток триггера события и т. д. в процессе рендеринга? Разницу между потоками процесса можно спросить? Почему браузер многопроцессорный? Почему js однопоточный? Как поддерживать многопоточность? так далее - https
加密原理? в основном говоря对称加密а также非对此加密Процесс, используемый в комбинации. что中间人攻击? а http разница?
4. Вью
- Жизненный цикл? что жизненный цикл может быть получен
真实DOM?修改dataКакой жизненный цикл будут запускать данные внутри? - Почему данные компонента
函数? - коммуникация компонентов vue? обычно говорят
vuex, будет спрашивать использование vuex?actionа такжеmutationsразница? Принцип реализации и т.д.? - vue
导航守卫, разделенный на глобальный и компонентный, обычно используемый для управления разрешениями, это может включать в себя часть проекта鉴权问题. -
$nextTickэффект? Принцип реализации? микрозадача к макрозадаче降级处理, часто просят назвать несколько видов макрозадач, микрозадач. -
vue响应式原理? Базовый спросит - vue
scopedроль собственности? Принцип реализации? - vue
routerСколько режимов? Способ реализовать? -
keyроль? Что будет делать vue, если нет ключа? приведет к проблемам diff - vue
diff过程, и реагировать diff разница? - vue 2.x
defineProperty缺陷? Как с этим бороться в бизнес-коде?$setпринцип? что такое вью重写数组方法из? Проверьте, действительно ли вы читали исходный код - vue 3.0
proxyПреимущества и недостатки? Как быть с vue3, не поддерживающим IE? -
computedа такжеwatchРазница и использование сцены? Помимо основ, посмотрите, сможете ли вы сказать三种watcherразница
Принципы Vue см. в другой моей статье:vue2.x сложные вопросы, на сколько вы можете ответить
5. Реагировать
-
生命周期Подробно описать? официальный почему改变? - скажи, что ты прав
虚拟DOMпонимание? Что быстрее, прямой полный апдейт или diff (этот вопрос нужно分情况)? - что
HOC? Какие из них используются в React? может позволить вам реализоватьadd(1)(2)(3)Функция -
FiberЧто ты сделал?requestIdleCallbackКак много ты знаешь? -
reactоптимизация производительности? -
hooksСмысл появления?类组件а также函数组件В чем разница между? - Зачем
不要在В циклах, условных операторах или вложенных функциях调用hooks? Помните слова официального сайта,Not Magic, just Arrays - setState
同步еще异步? Задают чаще, могут быть более подробными - как избежать компонента
重新渲染? мемо/useMemo, PureComponent? Разница между useMemo и useCallback?
До хука был класс за один доллар [Углубленный и простой, чтобы получить React] класс Xiuyan, если вам интересно, вы можете пойти и посмотреть его (вы также можете позаимствовать номер 🤓)
6. Другое
Я понимаю написания резюме и прошу очень мало. Даже сейчас компания использует узел для выполнения中间层, и принципиально не задавался вопросом об узле, поэтому просто напишу этот кусок
- Некоторые часто используемые модули,
fs/path/httpтак далее -
EventEmitterПонятия, сценарии использования, отлов ошибок -
Streamконцепция? сцены, которые будут использоваться? Общий поток?
webpackПо сути, это будет предложено, вы должны изучить его.
- webpack
构建流程?打包原理? - некоторые из проектов
优化? -
loaderа такжеpluginразница? Вы когда-нибудь писали? Какие загрузчики и плагины обычно используются - webpack
热跟新принцип? -
tree-shaking? Для Commonjs, дерево встряхивая как сделать? - загрузчик веб-пакетов
执行顺序? Слева направо? Сверху донизу?
разное
- Некоторые оптимизации производительности, сделанные проектом,
基本必问 -
长列表渲染Как оптимизировать? - Все виды
懒加载的实现原理?路由? картина? - в машинописном тексте
interfaceа такжеtypeкакая разница - подожди, много
低频率не могу вспомнить
Некоторые другие вещи, в основном зависит от вашего резюме
写了什么, или ваш回答Любые слова, которые интересуют интервьюера. попробуй突出мой собственный优势, просто играй хорошо, результат - это проверка себя, а не отказ от себя, давай💪🏻
3. Совместное использование ресурсов
1. Блог
-
Личный сайт Руан ИфэнПродолжайте обновлять, идите и посмотрите, если вам нечего делать, стиль Руан Да
很容易看懂 -
Учебный план Byte Feishu - очень четкий (обязательно посмотрите)Расчесывание знаний о байтах, очень четкое,
建议收藏 -
Блог Сае ЮКраткое изложение Бог Таобао
前端基础 -
GrideaГридеа - это
静态博客Написание клиента, который поможет вам легче создавать и управлять своим блогом или любым статическим сайтом. -
vuepress-theme-recoЧистая и элегантная тема блога и документации vuepress. мойличный блогНа основе этой конструкции о ней могут узнать интересующиеся, а также в блоге есть
搭建教程 -
Передовые знания ежедневно 3+1Чтобы узнать отношение большого человека, я также сделал один
每日学习打卡, вы, большие братья, можете это сделать (Личный блог Джунджи) -
техническая команда Юзан
干货满满
2. Сообщество
- НаггетсПисать надо, есть segmentfault, csdn, блог-сады и т.д., не только написано.
-
Китай с открытым исходным кодомМожно пойти по магазинам и посмотреть
业界大哥们что вы делаете -
vue китайское сообществоНе знаю, правда это или нет, но в основном
vue的相关生态 -
Впечатление китайскийбыть
导航, сводка ресурсов
3. Алгоритм
-
leetcodeя обычно просто чищу
简单和中等的, это сложно, я знаю, что не могу понять 😂 -
Сборник руководств по Leetcode, понятный каждомухороший алгоритм
视频讲解, Делай то, что делаю я, а не алгоритмические проблемы -
нажмите плюс плюсСтремитесь быть лучшим в районе Уэст-Лейк-Дистрикт
算法题解 -
Алгоритмы и структуры данных, реализованные в JavaScript
看名字Я знаю, что это сильно, можно практиковаться
4. Проекты с открытым исходным кодом
-
Углубленный веб-пакетнастоящий
深入浅出 -
Обещай, маленькая книгаинтервью были
promiseЗабитый? Здесь есть исчерпывающее объяснение - Дачан интервью вопросы один вопрос в деньВсе в порядке, просто почисти его
-
Большая коллекция фронтенд-интервью - графический интерфейс
图解, понимать -
Фронтенд-интервью ежедневно 3+1Используйте вопросы для интервью, чтобы стимулировать обучение, пропагандируйте ежедневное обучение и размышления и добивайтесь прогресса каждый день.
有点卷, но никак -
Фронтенд-интервьюТак же в нем есть ежедневный вопрос, можете продолжать пробивать,
还是卷~😂 - Изучите NodeJS за семь днейЭто вводное руководство, оно достаточно подробное.
-
Структура управления фоном Ruoyi Официальный сайт Руойи
vue后台系统, вы можете узнать, если вы заинтересованы -
Китайское руководство по TypeScriptУчить
TypeScriptдолжен
5. Реагировать
- React高频面试题梳理,看看面试怎么答? (начальство)
-
Диаграмма жизненного цикла React
大神之作, Картина очень четкая - 35 вопросов об интервью React, которые мы должны знатьи вопросы и ответы
- Это, пожалуй, самый распространенный способ открыть React Fiber (разрезка по времени)
- Начало работы с ReactПроизведено Jingdong Bump Lab, не начального уровня.
-
Анализ сетевых данных жилищной ассоциации Чэнду
React + TSможет выучить волну -
Библиотека компонентов React в китайском стилеочень
有意思проект с открытым исходным кодом
6. Вью
-
Демистификация технологии Vue.js
ustbhuangyiКласс большого парня очень ясен -
Анализ исходного кода Vue
视频, поможет вам реализовать vue с нуля - Интервью с самим собой о VueМечта босса Baidu, узнать волну, а также мечтать
-
vue2.x сложные вопросы, на сколько вы можете ответить
我写的, смешанный с водой -
Принципы адаптивного графического интерфейса Vue
图解, Поймите, мыслите ясно
7. Эффективность и инструменты
- Для написания документацииНаписание различной технической документации
- Используется для создания красивых блоков кода.блоки кода в стиле Mac
- Markdown NiceУкрасьте стиль уценки, доступно множество шаблонов
- Reveal.js делает веб-версию PPTЯ написал один раньше,Поговорим об оптимизации интерфейсной производительности и опыта.Онлайн-дисплей PPT, нажмите прямо
8. Другие статьи
- Квалифицированный (отличный) фронтенд должен прочитать эти статьиКвалифицированный и отличный
-
Стандартные междоменные решения для внешнего интерфейса (полное)Междоменные проблемы, всего одна статья
搞定Бар -
Как я перешел из лагеря Vueer в лагерь React в 2021 году!В настоящее время человек также
vue转react, позже тоже выложу личный опыт -
Сохраните свой KPI на конец года: оптимизация производительности внешнего интерфейсаЛичное резюме по оптимизации производительности переднего плана, если интересно, можете глянуть.
在线PPTможно смотреть -
Принципиальный анализ некоторых технических моментов библиотеки компонентов визуального перетаскиванияуглубляться
可视化некоторое знание -
10 самых популярных проектов фронтенд-интервью на GitHubсвязанные с интервью,
收藏Вовлеките их -
Общие функции рукописного ввода на предварительных собеседованияхПодготовьтесь хотя бы к интервью
来写一遍 -
Первый взгляд на безголовый браузер Puppeteer
PuppeteerЭто может помочь нам сделать много вещей на стороне сервера, и студенты, которые не знают этого, должны узнать об этом. См. также вывод, который я сделал с Puppeteer:Egg + Puppeteer реализует Html в PDFонлайн просмотр:html в pdf -
Статьи, обязательные к прочтению для фронтенд-интервью в 2021 годуРасчесывание очень всеобъемлющее, и каждый пункт знаний соответствует
文章链接,немного基础Очки знаний, предлагаемые для просмотраMDN, для некоторых вещей у каждого свое понимание. -
Графическое кэширование HTTP
政采云Фронтальная продукция, очень четкая -
Механизм рендеринга в браузереСказал
很全
В-четвертых, внутренний толчок (не 996)! ! !
Основная информация
- база: Западное озеро Ханчжоу
- Почта:wujunjie@youzan.com
- WeChat: V798595965 (блог может напрямую сканировать кодЛичный блог Джунджи)
福利:每月月底发薪!每月980补贴!五险一金最高比例全额!14薪!配置:Apple 13寸M1芯片16+256GB ,2K显示器,机械键盘- Ритм: неделя 35, выезд после шести, 124, выезд в девять, бесплатное неограниченное корпоративное такси.
- Другие: 7 дней ежегодного отпуска плюс 1 день в году. Огромный тренажерный зал. Следите за ходом вашего резюме
Если у вас есть другие вопросы, вы можете добавить WeChat, чтобы задать мне