聊聊前端面试

卡尔 等级 369 1 0

前言

聊聊前端面试

面试造飞机,入职拧螺丝。裸面是不可能裸面的,这辈子都不可能再裸面的了!因为它会严重打击你的自信心,面试官能把你虐到怀疑人生。

作为一个工作了将近 3 年前端er,来简单聊聊自己面试所做的一些准备。PS. 最终拿到了虎牙直播、有赞、金蝶、晓教育-前端小组长、明源云的 Offer,经过对比,目前在深信服,哈哈,意不意外,惊不惊喜???

热身篇

确定要不要跳槽

  • 职业规划
  • 环境(发展空间、技术氛围、公司文化、工作地点)
  • 工作内容

列一下目标企业和目标岗位

深圳:

  • 1:腾讯、阿里、字节跳动、华为、京东、美团
  • 2:大疆、微众银行、顺丰、vivo、oppo
  • 3:平安科技、Shopee、深信服、有赞、中兴

如果不考虑外包,以下目标企业可以剔除掉

  • 某软国际
  • 某意信息
  • 某通动力
  • 某思海辉
  • 某达信息
  • 某创软件

了解招聘渠道

了解面试

  • 面试流程
  • 岗位 JD 分析(需要什么素质)
  • 认识自己(优势、劣势的地方)
  • 认识 HR
  • 认识面试官

简历篇

如何写好一份简历

  • 确定 HR 需要从你的简历获得什么信息?

  • 经验 - 相关工作经验,能否尽快上手项目,降低培训费用

  • 技能 - 技能点及其掌握深度,能否胜任本职工作

  • 潜力 - 学习能力,主观能动性,能否在未来为组织承担更多

  • 动机 - 人员稳定性,是否会在公司待长久

  • STAR 法则

  • Situation - 任务产生的背景

  • Task - 我的任务

  • Action - 对于这个任务你采取了什么行动

  • Result - 你采取的行动得到了什么结果(尽量用数据说话)

      STAR 法则可以用在工作经历和项目经验中使用
  • 简历的各个组成部分

  • 个人信息

  • 基本信息(姓名、年龄、邮箱、手机号)

  • 教育背景(学校、专业、学历)

  • 工作经历

  • 公司简介(组织远景、主营业务)

  • 团队目标

  • 你的目标及任务

  • 你采取的行动

  • 取得什么成果

  • 工作技能

  • 慎写精通(除非你是真的很牛掰)

  • 技能名称尽量写官方专业名称,最好是写出技术栈的组合来。

                如:熟练使用 Vue + Vuex + Element UI 开发项目,Webpack 构建项目,Nuxt.js 服务端渲染
  • 项目经验(最好在留一个比较出彩的项目不要写在简历上,等面试的时候再细说这个项目,给面试官留个惊喜吧)

  • 项目描述(一句话描述项目背景 + 业务)

  • 我的职责(负责做什么 + 怎么做的)

  • 工作成果

列一下简历中自己认为面试官会提问的问题并自己回答一遍

列一下回答不出来的相关技能

面试题篇

开放性问题

  • 准备自我介绍

  • 个人基础信息(姓名、毕业年份、学校专业、学历和所在公司)

  • 项目(经验 - 是否有相关的工作经验,一般会展开)

  • 技术栈(技能 - 尽量说技术栈的组合)

  • 重要的经历(潜力 - 挑重要的说)

  • 离职原因(动机 - 尽量说个人的职业发展)

  • 项目中遇到的难点,怎么解决的

  • 自己认为做的最好的地方(最大的贡献)

  • 自己的优缺点

专业技能

一般来说,面试官会根据你的简历内容去提问,但是技术基础还有需要自己去准备分类,形成自己的知识体系的。简单列一下我自己遇到的一些题

  • HTML+CSS

  • JavaScript

  • 前端框架

  • 前端性能优化

  • 前端监控

  • 模块化+项目构建

  • 代码管理

  • 信息安全

  • 网络协议

  • 浏览器

  • 算法与数据结构

  • 团队管理

策略技巧篇

策略

  • 先面 90% 不是自己的目标公司,试试水,总结套路,再去面自己的目标公司

怎么说清楚一门技术

技术产生的背景和原因

  • 它要用来什么问题
  • 为了解决这些问题,技术上要怎么实现什么目标

怎么使用它来解决这些问题(技术规范和实现原理)

  • 怎么使用
  • 实现上述技术目标,要采用什么原理和机制

有哪些使用场景,不同的场景下怎么使用才是最好的

  • 场景1 - 技术方案1

  • 优点

  • 优点1

  • 优点2

  • 缺点

  • 缺点1

  • 缺点2

  • 场景2- 技术方案2

  • 优点

  • 缺点

...

市场趋势和技术演进趋势

  • 有谁在用,技术前景怎么样

  • 技术方向

未完待续...

本文转自 https://juejin.cn/post/6844904163667623950,如有侵权,请联系删除。

收藏
评论区

相关推荐

Dart开发环境配置
一 . Windows 环境 1 . choco 安装 Dart SDK 建议直接使用 choco 安装,关于 choco 如何使用可以参照 https://chocolatey.org/(https://chocolatey.org/) 官方文档地址:https://dart.dev/getdartinstal
<Dart基础>Dart简介
Dart基础系列: Dart简介(https://www.jianshu.com/p/c749f40828a5) Dart语法(上)(https://www.jianshu.com/p/6b5689342e24) <基础Dart语法(下)(https://www.jianshu.com/p/7c3eba46e679) 一、简
Dart基础&gt;Dart语法(上)
Dart基础系列: Dart简介(https://www.jianshu.com/p/c749f40828a5) Dart语法(上)(https://www.jianshu.com/p/6b5689342e24) <基础Dart语法(下)(https://www.jianshu.com/p/7c3eba46e679) 说明:
Dart基础语法简介
Dart基础系列: Dart简介(https://www.jianshu.com/p/c749f40828a5) Dart语法(上)(https://www.jianshu.com/p/6b5689342e24) <基础Dart语法(下)(https://www.jianshu.com/p/7c3eba46e679) 一、简
敏感词库下载
链接: https://github.com/chason777777/mgck.git(https://github.com/chason777777/mgck.g
uniapp(vue通用)整合腾讯位置服务SDK---多平台小程序通用
专属邀请链接 这里进入腾讯位置服务官网: https://lbs.qq.com?lbs_inviteG9MRFLG(https://lbs.qq.com?lbs_inviteG9MRFLG) 项目开始于20210127 晚8 uniapp模板地址 https://ext.dcloud.net.cn/plugin?id4067(htt
记录一次electron踩坑
Vue2.x版本 https://github.com/dmhsq/electronvuedmhsq(https://github.com/dmhsq/electronvuedmhsq) 或者 https://github.com/dmhsq/electronvue/tree/main/template(https://github.com
一文搞懂什么是HTTP与HTTPS
(https://blog.csdn.net/petterp/article/details/102779257)Http与Https的区别。 在最近的开发中,深感网络相关基础知识薄弱,于是趁周末好好总结一
鸿蒙OS前端开发入门指南:网络图片_Image渲染网络图片 - HarmonyOS技术社区
目录: 1、开启明文传输(https://harmonyos.51cto.com/posts/3388bky) 2、权限申请(https://harmonyos.51cto.com/posts/3388bky) 3、引入http插件(https://harmonyos.51cto.com/posts/3388bky) 4、案例展
「写不过瘾系列」使用 cool-admin,4步极速 CRUD
cooladmin 传送门 → https://github.com/coolteamofficial/cooladminvue(https://github.com/coolteamofficial/cooladminvue) (https://imghelloworld.osscnbeijing.aliyuncs.c
20 张图彻底弄懂 HTTPS 的原理
前言 近年来各大公司对信息安全传输越来越重视,也逐步把网站升级到 HTTPS 了,那么大家知道 HTTPS 的原理是怎样的吗,到底是它是如何确保信息安全传输的?网上挺多介绍 HTTPS,但我发现总是或多或少有些点有些遗漏,没有讲全,今天试图由浅入深地把 HTTPS 讲明白,相信大家看完一定能掌握 HTTPS 的原理,本文大纲如下: HTTP 为什么不安全
Android开发,干货
内存检测 leakcanary https://github.com/square/leakcanary 响应式编程 RxJava https://github.com/ReactiveX/RxJava RxAndroid https://github.com/ReactiveX/RxAndroid 消息通信 EventBus 组
kali2020.3安装Nessus8.12.1并解除IP限制
1、准备 (1)获得激活码 地址:https://zhcn.tenable.com/products/nessus/nessusessentials https://zhcn.tenable.com/products/nessus/activationcode?tns\_redirecttrue(https://zhcn.tenable
Vue-ECharts v6 发布了
VueECharts v6 发布了 顾轶灵(https://imghelloworld.osscnbeijing.aliyuncs.com/8d8aeff23db1235120d0454728504ee5.jpeg)(https://www.zhihu.com/people/justineo)
https://cloud.tencent.com/developer/article/write/1830331
一、目标今天的目标是这个sign和appcode 二、步骤 Jadx没法上了app加了某梆的企业版,Jadx表示无能为力了。 FRIDADEXDumpDexDump出来,木有找到有效的信息。 Wallbreaker葫芦娃的Wallbreaker可以做些带壳分析,不过这个样本,用Frida的Spawn模式可以载入,Attach模式会失败。而直接用Objecti