Полтора года поиска работы фронтенда
только что
跳槽
🔥🔥, здесь, чтобы поделиться волной личных обучающих ресурсов.хочу увидеть
跳槽之路
можно нажать:Полтора года поиска работы фронтенда.
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, чтобы задать мне