专栏首页前端从进阶到入院写给女朋友的中级前端面试秘籍(含详细答案,15k级别)

写给女朋友的中级前端面试秘籍(含详细答案,15k级别)

前言

本篇文章,献给我家女朋友,祝她在杭州找一个965的好公司!

题外话:关于中级 -> 高级的进阶,我也写了一篇文章,希望对你有帮助: 写给初中级前端的高级进阶指南 HTML篇 HTML5语义化 html5语义化标签 百度ife的h5语义化文章,讲得很好,很多不错的公司都会问语义化的问题。

CSS篇

CSS常见面试题

50道CSS经典面试题

CSS基础有的公司很重视,在面试前还是需要好好复习一遍的。

能不能讲一讲Flex布局,以及常用的属性?。

阮一峰的flex系列

Flex布局是高频考点,而且是平常开发中最常用的布局方式之一,一定要熟悉。

BFC是什么?能解决什么问题?

什么是BFC?什么条件下会触发?应用场景有哪些?

关于bfc,可以看看三元大佬总结的文章 这篇文章里,顺便也把外边距重叠的问题讲了一下。

JS基础篇

讲讲JS的数据类型?

最新的 ECMAScript 标准定义了 8种数据类型:

  • 6 种原始类型
    • Boolean
    • Undefined
    • Number
    • BigInt
    • String
    • Symbol
  • null
  • Object
  • Function

developer.mozilla.org/en-US/docs/… 讲讲Map和Set?

  1. Map的key相比较普通对象来说更为灵活,普通对象的key只能以基础数据类型作为key值,并且所有传入的key值都会被转化成string类型,而Map的key可以是各种数据类型格式。
  2. Set可以讲讲它去重的特性。

WeakMap和Map之间的区别?

WeakMap只能以复杂数据类型作为key,并且key值是弱引用,对于垃圾回收更加友好。

讲讲原型链?

JavaScript深入之从原型到原型链

关于原型链,虽然现在用的不太多了,但是proto和prototype之间的关系,以及对于属性的向上查找这些还是一定要清楚的,其余不用看的太细。

讲讲this?

JavaScript中的this

  1. this指向调用者这个关系一定要清楚
  2. 要知道改变this指向的几种方式(call, bind, apply)
  3. 箭头函数中this的特殊性要能讲清楚

浅拷贝和深拷贝的区别

  • 浅拷贝:一般指的是把对象的第一层拷贝到一个新对象上去,比如
var a = { count: 1, deep: { count: 2 } }
var b = Object.assign({}, a)
// 或者
var b = {...a}
  • 深拷贝:一般需要借助递归实现,如果对象的值还是个对象,要进一步的深入拷贝,完全替换掉每一个复杂类型的引用。
var deepCopy = (obj) => {
    var ret = {}
    for (var key in obj) {
        var value = obj[key]
        ret[key] = typeof value === 'object' ? deepCopy(value) : value
    }
    return ret
}
复制代码

对于同一个用例来说

// 浅拷贝
var a = { count: 1, deep: { count: 2 } }
var b = {...a}

a.deep.count = 5
b.deep.count // 5
var a = { count: 1, deep: { count: 2 } }
var b = deepCopy(a)
a.deep.count = 5
b.deep.count // 2

讲讲事件冒泡和事件捕获以及事件代理?

你真的理解 事件冒泡 和 事件捕获 吗?

框架篇

React

React需要尽可能的保证熟练。因为作为中级工程师来说,公司可能不会让你去写框架,调性能优化,但是一定是会让你保质保量的完成开发任务的,这需要你能熟练掌握框架。

React2019高频面试题

2019年17道高频React面试题及详解

这些题可以先过一下,如果暂时不能理解的就先跳过,不需要死磕。 有没有使用过 React Hooks?

  • 常用的有哪些?都有什么作用?
  • 如何使用hook在依赖改变的时候重新发送请求?
  • 写过自定义hook吗?解决了哪些问题。
  • 讲讲React Hooks的闭包陷阱,你是怎么解决的?

useEffect 完整指南

其实关于Hook的问题,把Dan的博文稍微过一遍,基本上就可以和面试官谈笑风生了。

讲讲React中的组件复用?

【React深入】从Mixin到HOC再到Hook

这篇文章从mixin到HOC到Hook,详细的讲解了React在组件复用中做的一些探索和发展,能把这个好好讲明白,面试官也会对你的React实力刮目相看。 另外这篇文章中的高阶组件Hook本身也是高频考点。

工具

webpack的基础知识

这个系列从基础到优化都有,可以自己选择深入 掘金刘小夕的webpack系列

性能优化

讲讲web各个阶段的性能优化?

React 16 加载性能优化指南

这个很长,很细节,一样不要死磕其中的某一个点,对于你大概知道的点再巩固一下印象就ok。 webpack代码分割是怎么做的? webpack的代码分割(路由懒加载同理) 路由懒加载和webpack异步加载模块都是这个import()语法,值得仔细看看。

网络

讲讲http的基本结构?

http的基础结构

说说常用的http状态码?

http状态码

浏览器从输入url到渲染页面,发生了什么?

细说浏览器输入URL后发生了什么

讲讲你对cookie的理解?包括SameSite属性。

预测最近面试会考 Cookie 的 SameSite 属性

这篇文章可以主要讲chrome80新增的cookie的SameSite属性,另外对于cookie整体也可以复习和回顾一遍,非常棒~

谈谈https的原理?为什么https能保证安全?

谈谈 HTTPS

https也是一个高频考点,需要过一遍https的加密原理。

谈谈前端的安全知识?XSS、CSRF,以及如何防范。

寒冬求职之你必须要懂的Web安全

安全问题也是很多公司必问的,毕竟谁也不希望自己的前端写的网站漏洞百出嘛。

讲讲http的缓存机制吧,强缓存,协商缓存?

深入理解浏览器的缓存机制

浏览器缓存基本上是必问的,这篇文章非常值得一看。

手写系列

基础

手写各种原生方法

如何模拟实现一个new的效果? 如何模拟实现一个 bind 的效果? 如何实现一个 call/apply 函数? 三元-手写代码系列

说实话我不太喜欢手写代码的面试题,但是很多公司喜欢考这个,有余力的话还是过一遍吧。

进阶

手写Promise 20行

精力有限的情况下,就先别背A+规范的promise手写了,但是如果有时间的话,可以大概过一遍文章,然后如果面试的时候考到了,再用简短的方式写出来。 剖析Promise内部结构,一步一步实现一个完整的、能通过所有Test case的Promise类

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 手把手带你用next搭建一个完善的react服务端渲染项目(集成antd、redux、样式解决方案)

    本文参考了慕课网jokcy老师的React16.8+Next.js+Koa2开发Github全栈项目,也算是做个笔记吧。

    ssh1995
  • TypeScript从零实现React自定义Hook,实现Vue中的watch功能。

    在Vue中,我们经常需要用watch去观察一个值的变化,通过新旧值的对比去做一些事情。

    ssh1995
  • 40行代码把Vue3的响应式集成进React做状态管理

    vue-next是Vue3的源码仓库,Vue3采用lerna做package的划分,而响应式能力@vue/reactivity被划分到了单独的一个package...

    ssh1995
  • 04Linux的磁盘分区

    硬件设备在Linux中的命名 Linux中每一个设备都被当成文件,所有的设备文件都在/dev这个目录下。 设备 文件名 IDE硬盘 /dev/hd[...

    大闲人柴毛毛
  • 微信小程序HTTP封装请求

    达达前端
  • 用意念就能控制的操作系统?这家华人团队做的脑机接口,3个电极实现脑波成像

    8月27日,华人脑机接口公司BrainCO,在哈佛大学展示了他们研发人类大脑智能操作系统BrainOS的初步成果。

    量子位
  • python类和元类

           今天在网上看到一篇关于python语言中类和元类(metaclass)的一些讲解和简单运用,感觉对python入门的童鞋非常有帮助,分享出来,希望...

    超蛋lhy
  • jQuery解析ajax 返回的json

    week
  • [Python爬虫]使用Python爬取动态网页-腾讯动漫(Selenium)

    好久没更新Python相关的内容了,这个专题主要说的是Python在爬虫方面的应用,包括爬取和处理部分

    bsbforever
  • Log4j官方文档翻译(七、日志格式化)

    apache log4j提供各种layout对象,然后根据自己指定的layouts对象转化日志信息。通常来说都是应用量身定制layout对象转换信息格式。 所有...

    用户1154259

扫码关注云+社区

领取腾讯云代金券