2020前端面试,你准备好了吗?

发表于 2020-03-18 17:57:04

前言

求职季又到了,最近也面试了不少web开发同学,本文也希望对正在找工作的同学有所帮助吧。请大家见谅哈。后面会持续更新,欢迎点赞~~~

职位分析

当我们收到一份面试邀请时,我们可以对jd做分析,看看工作的内容和具体的岗位要求,知己知彼百战百胜。在网上找了一份前端岗位的jd,假设我们接下来就要面试的就是这个岗位吧。

  • 工作中有web和h5两种项目,并且需要对现有系统进行重构或则性能优化的改造,这里可能会涉及到h5开发中遇到的问题,对于前端模块化和组件化的理解,如何进行性能优化等;
  • 需要有扎实的前端开发基础,包括JavaScript,Html5,Css3新特性;
  • 有Node开发经验,例如能够写node代理服务,通过node操作数据库等;
  • 对于Http协议和Web安全要掌握;
  • 有Vue.js,React,Angular中的一个项目开发经验,并且熟悉底层原理实现;
  • 软技能,包括浏览器的工作原理,Github加分项,Git加分项等。

技术栈准备

JavaScript基础

JavaScript基础可以推荐《JavaScript权威指南》、《你不知道的JavaScript》通读一两遍,可以好的梳理所学知识,知识点包括
  • js类型、typeof、instanceof,类型转换
  • 作用域与作用域链、变量提升
  • js原型链、new、继承方式
  • this指向、闭包、垃圾回收机制
  • 事件队列、事件循环
  • DOM对象
  • 事件委托、DOM事件模型
  • 原生ajax

Html5+CSS3

  • html5新特性、语义化
  • 浏览器渲染机制、重绘、重排
  • css盒子模型、flex、动画
  • css样式优先级
  • BFC

Vue

这里只列举MVVM框架中的vue

vue基础

  • vue生命周期、keep-alive
  • computed与watch
  • v-for中key的作用
  • vue组件的通信方式
  • 指令

vue底层原理

  • 双向绑定实现原理
  • v-model的实现
  • nextTick的实现
  • vnode的理解,compiler和patch的过程
  • new Vue后整个的流程
  • keep-alive的实现
  • vuex、vue-router实现原理

Http

  • http特性以及状态码
  • http的三次握手
  • http1.0、http1.1、http2.0的区别
  • http如何实现缓存
  • https的握手过程
  • 输入url后http请求的完整过程
  • get与post请求区别

web安全

  • 理解xss,csrf,ddos攻击原理以及避免方式
  • xss与csrf的区别

前端工程化

  • webpack配置,webpack4.0有哪些优化点
  • webpack如何实现代码分离
  • 如何实现一个webpack loader
  • npm包是如何实现按需引入
  • 从0到1配置工程
  • 前端模块化,CMD、AMD、CommonJS、ESM

前端性能优化

  • 前端性能优化的几种方式
  • 如何做性能优化上报
  • 如何实现一个错误监控系统
  • 什么是同源策略
  • 前后端如何通信
  • 跨域通信的几种方式

算法

  • 排序

简历和自我介绍

简历一般包括个人信息,工作经历,技术栈,项目,github和开源项目等
一般面试官都会针对于你的面试简历来初步和你沟通,所以自己把握一个面试的沟通方向是很重要的,比如你对vue很了解,那可以多和面试官聊聊vue方面的事情,就是突出自己的优点,表现出自己自信的一面。

在回答问题的时候,整体方向要对,而且回答需要更加细致,多说一些细节,是加分项。在遇到自己无法回答的问题,其实可以表现出自己好学的态度,可以向面试官适时的问一些问题。

当遇到面试许多问题没有回答不上的时候,也知道自己可能通不过这次面试,但其实收获还是挺大的,可以向面试官问如何学习,要一些资料啊,加一下微信,我觉得都是可以的。

以上就是总结的面试前的准备考点,可以针对不同的jd分析出不同的面试点,后面会用一些题目和或者资料来说出我对于这些考点的理解。希望大家都能找到理想的工作。

可关注公众号,不定期更新哦~~第二篇正在写作中

企业微信截图_afc9ffed-c525-41eb-9f7d-119f62d121a9.png

添加邮件订阅

接受新文章推送

Avatar of Author

JellyBool

记录工作和生活 Kebox.cn