字节校招面试题分享,别人已经开始面试了,你不会还没有准备吧?

  • 超时重传、累计确认的过程
  • HTTP跟TCP的联系
  • http通信过程
  • http头部字段,平时在项目中有应用过吗,具体说一说
  • Cookie、localStorage、sessionStorage用过吗?说一说他们的联系区别与应用
  • 每次请求都会带cookie吗?什么时候会带
  • cookie维持登录态是怎么做到的
  • 你用cookie干过什么
  • cookie保存在哪里
  • 用户刷新界面后,服务端如何判断这个用户还在登录状态
  • XSS与CSRF了解多少,原理,如何预防
  • 算法:输入两个数字x,y;输出一个只包含字母a和字母b的随机字符串
    要求:字符串中必须有x个a,y个b ;输出的字符串中不能出现aaa和bbb

二面:

  • 由一个class引申出的众多问题
  • 面试官给出了一个class定义的类,提问:找出其中错误的地方,为什么错了,改正
  • 说一下new出的对象有哪些实例属性和方法以及原型属性和方法
  • 说说console.log(window.B)输出什么(B是题中定义的class)
  • 如果class中返回了一个1,会对new出的对象产生影响吗,为什么,什么时候会产生影响
  • 如何在实例化一个对象时传参,考虑已知参数数量和未知两种情况(考察es6的扩展运算符···)
  • for…of了解吗,哪些数据结构能用,如果我想用它遍历对象属性,怎么实现(
  • LCA:寻找多叉树的最近的公共祖先节点
  • 导出一个模块:要求该模块用localStorage实现cookie的过期功能
  • 用for实现reduce
  • 做过哪些项目,最大的收获是什么
  • 接触前端多久了
  • 介绍一下vue
  • 说一下双向绑定原理
  • v-if和v-show的区别
  • 虚拟DOM,vue-router
  • echarts用过哪些,他的实现有没有了解过
  • DOM和BOM介绍一下,他们的联系是什么
  • 问输出:

let obj = {
name: “bytedance”,
fun: function(){
console.log(this.name);
}
}
let a = obj.fun;
a(); // undefined
obj.fun(); // “bytedance”

  • 有没有用过fetch,get、post和put的区别
  • 跨域的方法(越多越好)
  • chrome调试工具都用过哪些功能
  • CSS实现两栏布局,左边固定宽度,右边自适应
  • 算法字符串解码

了解校招

知己知彼才能百战百胜,在准备校招之前,我们先要了解校招。

什么是校招?

校招,全称校园招聘,指企业招聘那些即将毕业的学生。校招主要分为三个部分:简历筛选,笔试,面试。

对比社招,以应届生身份参加校招有以下几个优势:

  • 校招更注重基础,应届毕业生普遍缺少工作经验,但基础知识掌握较好、学习能力强。
  • 校招hc多,多达几千,少则几百,公司会分岗位分地区预留固定数量hc,相比社招机会多多。

校招时间规划:

  • **春招:**年初陆续开始, 经历过秋招失败之后,别松懈,总结秋招经验,关注春招动态。

  • **暑期实习:**大三或研二下学期的3月初开始,6~8月为实习时间。

  • **秋招:**7月初提前批开始,10月底随着各学校三方下发陆续结束。

调整心态,面对春招

  • 以积极的心态去面对校招

校招并不可怕,它为我们这些即将踏入社会的年轻人们提供了更多的机会。

  • 要自信

在校招面试时,我们通常会不自觉地认为自己很差,甚至不敢合理地提出自己的诉求。校招是一个双向选择过程,不仅公司有选择权,我们同样有选择权;另一方面,当你用充满自信的语气去回答面试官时,对方会更愿意相信你已经做好了充分的就职准备

  • 学会搜集信息
    无论是简历投递,还是在面试的过程中,掌握岗位的最新信息,多与同岗位的小伙伴们交流。

  • 从基础和实战经验两方面准备校招
    复习巩固基础知识,通过项目累积经验。

学习路线

篇幅有限,需要面试题资料(包括面试题答案)可以点击这里,免费获取所有面试题资料,学习路线图。

HTML基础
HTML是页面中内容的载体,可以展示开发者想要用户浏览的任何文字、图片、音频信息。对于HTML的各类标签,不仅要掌握日常开发中经常碰到的,也要慢慢积累那些不常用标签,块级、行内元素的定义以及二者相互转换几乎是每场技术一面常考问题。

  • 浏览器页面有哪三层构成,分别是什么,作用是什么?
  • HTML5的优点与缺点?
  • Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?
  • HTML5有哪些新特性、移除了哪些元素?
  • 你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
  • 每个HTML文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?
  • 说说你对HTML5认识?(是什么,为什么)
  • 对WEB标准以及W3C的理解与认识?
  • HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
  • 什么是WebGL,它有什么优点?
  • 请你描述一下 cookies,sessionStorage 和 localStorage 的区别?
  • 说说你对HTML语义化的理解?
  • link和@import的区别?
  • 说说你对SVG理解?
  • HTML全局属性(global attribute)有哪些?
  • 说说超链接target属性的取值和作用?
  • data-属性的作用是什么?
  • 介绍一下你对浏览器内核的理解?
  • 常见的浏览器内核有哪些?
  • iframe有那些缺点?
  • Label的作用是什么,是怎么用的?
  • 如何实现浏览器内多个标签页之间的通信?
  • 如何在页面上实现一个圆形的可点击区域?
  • title与h3的区别、b与strong的区别、i与em的区别?
  • 实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都能保持一致的效果?

CSS基础
在校招准备时,掌握CSS各类常用的属性是必要的,其中浮动、清除浮动以及定位更是必考点。CSS盒模型,CSS各类选择器也是面试官常考问题,各个选择器优先级顺序、多个选择器组合时优先级比重的计算都是必须要掌握的。

  • 解释一下CSS的盒子模型?
  • 请你说说CSS选择器的类型有哪些,并举几个例子说明其用法?
  • 请你说说CSS有什么特殊性?(优先级、计算特殊值)
  • 要动态改变层中内容可以使用的方法?
  • 常见浏览器兼容性问题与解决方案?
  • 列出display的值并说明他们的作用?
  • 如何居中div, 如何居中一个浮动元素?
  • CSS中 link 和@import 的区别是?
  • 请列举几种清除浮动的方法(至少两种)?
  • block,inline和inlinke-block细节对比?
  • 什么叫优雅降级和渐进增强?
  • 说说浮动元素会引起的问题和你的解决办法
  • 你有哪些性能优化的方法?
  • 为什么要初始化CSS样式?
  • 解释下浮动和它的工作原理?清除浮动的技巧?
  • CSS样式表根据所在网页的位置,可分为哪几种样式表?
  • 谈谈你对CSS中刻度的认识?
  • 请你说说em与rem的区别?
  • 请你说说box-sizing属性的的用法?
  • 浏览器标准模式和怪异模式之间的区别是什么?
  • 怪异Quirks模式是什么,它和标准Standards模式有什么区别?
  • 说说你对边距折叠的理解?
  • 内联与块级标签有何区别?
  • 说说隐藏元素的方式有哪些?
  • 为什么重置浏览器默认样式,如何重置默浏览器认样式?
  • 谈谈你对BFC与IFC的理解?(是什么,如何产生,作用)
  • 说说你对页面中使用定位(position)的理解?
  • 如何解决多个元素重叠问题?
  • 页面布局的方式有哪些?
  • overflow :hidden是否形成新的块级格式化上下文?

JavaScript

JavaScript主要是为Web页面添加交互行为,基础知识超高频考点有数据类型以及判断方法、闭包、块级作用域、函数提升与变量提升、原型链、JS继承、变量深浅拷贝等等,除此之外还有很多零碎知识点都是前端开发必须掌握的。

  • 原型链
    (1) 创建对象有几种方法?
    (2) instanceof的原理?


  • (1) 类的声明?
    (2) 生成实例?声明一个类,怎么生成类的实例?

  • 继承
    (1) call、apply的共同点与区别?
    (2) 用javascript实现对象的继承/ 继承的几种方式,这几种方式的优缺点?

  • 作用域
    (1) 说说你对作用域链的理解?
    (2) this?

  • JS闭包
    (1) 闭包的特征?
    (2) 闭包应用场景?
    (3) 实际开发中闭包的应用?

  • JS运行机制,单线程,异步
    (1) 如何理解js的单线程?
    (2) js为什么是单线程的?
    (3) 同步和异步的区别是什么?分别举一个同步和异步的例子?
    (4) 何时需要异步?
    (5) 什么是任务队列?
    (6) 请说出下列的值?
    (7) 栈和队列的区别?
    (8) 栈和堆的区别?
    (9) 什么是event loop?
    (10) event-loop流程?
    (11) 哪些语句会放入异步任务队列中?
    (12) 何时被放入任务队列?

  • JS数据类型
    (1) js使用typeof能得到的哪些类型?
    (2) 如何准确判断一个变量是数组类型?
    (3) js变量按照存储方式区分为哪些类型,并描述其特点?
    (4) null和undefined的区别?
    (5) undefined的典型用法?
    (6) null的典型用法?
    (7) chrome60+浏览器中,a===b的是哪项?

  • JS的内置函数,内置对象
    (1) js中有哪些内置函数/ 数据封装类对象?
    (2) js中有哪些内置对象?
    (3) js变量按照存储方式区分为哪些类型,并描述其特点?
    (4) 字符串方法/ String对象方法?
    (5) 数组方法/ Array对象方法?
    (6) 数组API?
    (7) 对象API?

  • 数组去重
    (1) 数组怎么去重?
    (2) 对上述数组去重方法速度比较?
    (3) 一句话数组去重?
    (4) 保留数组中非重复元素?
    (5) 保留数组中重复元素?

  • 内存泄露
    (1) 哪些操作会造成内存泄漏?
    (2) js内存泄漏的解决方式

  • DOM
    (1) dom是哪种基本的数据结构?
    (2) dom操作的常用api有哪些?
    (3) dom节点的attribute和property有何区别?

最后

正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

成内存泄漏?
(2) js内存泄漏的解决方式

  • DOM
    (1) dom是哪种基本的数据结构?
    (2) dom操作的常用api有哪些?
    (3) dom节点的attribute和property有何区别?

最后

正值招聘旺季,很多小伙伴都询问我有没有前端方面的面试题!

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

前端资料图.PNG

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值