字节跳动前端面试(实习)答案整理

面了字节日常实习两面了,把问到的问题答案整理了一下

问题原贴:https://www.nowcoder.com/discuss/848785


2.28 一面

1、自我介绍
2、介绍一下实习经历,都做了什么?
就实习经历深入问了一下开发的 内容,提到了localStorage
浏览器都有哪几种缓存?区别是什么
cookie 、localStorage 和 sessionStorage
  • cookie:其实最开始是服务器端用于记录用户状态的一种方式,由服务器设置,在客户端存储,然后每次发起同源请求时,发送给服务器端。cookie 最多能存储 4 k 数据,它的生存时间由 expires 属性指定,并且 cookie 只能被同源的页面访问共享。
  • sessionStorage:html5 提供的一种浏览器本地存储的方法,它借鉴了服务器端 session 的概念,代表的是一次会话中所保存的数据。它一般能够存储 5M 或者更大的数据,它在当前窗口关闭后就失效了,并且 sessionStorage 只能被同一个窗口的同源页面所访问共享。
  • localStorage:html5 提供的一种浏览器本地存储的方法,它一般也能够存储 5M 或者更大的数据。它和 sessionStorage 不同的是,除非手动删除它,否则它不会失效,并且 localStorage 也只能被同源页面所访问共享。

3、一个button宽高都设为100px,那它的真实大小是多少?

敲代码试了一下是这样的(左边QQ浏览器,右边Chrome浏览器结果)

说说对盒子模型的理解

盒模型都是由四个部分组成的,分别是margin、border、padding和content

CSS3中的盒模型有两种:标准盒子模型、IE盒子模型

标准盒模型和IE盒模型的区别在于设置width和height时,所对应的范围不同:

  • 标准盒模型的width和height属性的范围只包含了content
  • IE盒模型的width和height属性的范围包含了border、padding和content

可以通过修改元素的box-sizing属性来改变元素的盒模型:

  • box-sizing: content-box表示标准盒模型(默认值)
  • box-sizing: border-box表示IE盒模型(怪异盒模型)

4、如果想要隐藏一个元素,有哪几种设置方式?

  • display: none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置,也不会响应绑定的监听事件。
  • visibility: hidden:元素在页面中仍占据空间,但是不会响应绑定的监听事件。
  • opacity: 0:将元素的透明度设置为 0,以此来实现元素的隐藏。元素在页面中仍然占据空间,并且能够响应元素绑定的监听事件。
  • position: absolute:通过使用绝对定位将元素移除可视区域内,以此来实现元素的隐藏。
  • z-index: 负值:来使其他元素遮盖住该元素,以此来实现隐藏。
  • clip/clip-path :使用元素裁剪的方法来实现元素的隐藏,这种方法下,元素仍在页面中占据位置,但是不会响应绑定的监听事件。
  • transform: scale(0,0):将元素缩放为 0,来实现元素的隐藏。这种方法下,元素仍在页面中占据位置,但是不会响应绑定的监听事件。
display有哪些属性值?分别代表什么含义?

5、有哪几种定位类型?说一下你的理解

6、JS数据类型有哪些?
JavaScript共有八种数据类型,分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。

怎么来检测数据类型?
  • typeof:返回检测的数据类型,数组、对象、null都会被判断为object
  • instanceof:返回true/false,只能正确判断引用数据类型,运行机制是判断在其原型链中能都找到该类型的原型
  • constructor返回true/false,可判断所有数据类型
  • Object.prototype.toString.call()返回检测的数据类型,可判断所有数据类型
7、说说你对原型的理解
8、js除了原型怎么实现继承?
9、说说你对vue的理解
开源JavaScript框架,渐进式框架,使用MVVM模式,采用双向数据绑定,组件化开发……
10、vue3比vue2增加了什么?
11、computed和watch区别
  • computed 计算属性 : 依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值。
  • watch 侦听器 : 更多的是观察的作用,无缓存性,类似于某些数据的监听回调,每当监听的数据变化时都会执行回调进行后续操作。
12、vue的生命周期
vue2:beforeCreate(创建前)、Created(创建后)、beforeMount(挂载前)、mounted(挂载后)、beforeUpdate(更新前)、updated(更新后)、befo

剩余60%内容,订阅专栏后可继续查看/也可单篇购买

2022春zkey找实习 文章被收录于专栏

2022.2-2022.4 春招找实习过程中的面经记录

全部评论
北地还是武地啊,链表可以用头插法 var mergeTwoLists = function(l1, l2) {     let dummy = new ListNode(-1);     while(l1 && l2){         let temp = dummy.next;         if(l1.val < l2.val){             dummy.next = l1;             l1 = l1.next;         }else{             dummy.next = l2;             l2 = l2.next;         }         dummy.next.next = temp;     }     while(l1){         let temp = dummy.next;         dummy.next = l1;         l1 = l1.next;         dummy.next.next = temp;     }     while(l2){         let temp = dummy.next;         dummy.next = l2;         l2 = l2.next;         dummy.next.next = temp;     }     return dummy.next; };
2 回复 分享
发布于 2022-03-05 19:37
太强了,面经全看完!!!学习了
点赞 回复 分享
发布于 2022-04-06 13:37
最近和几个大厂同学建了个qq裙,获取春招校招实习最新消息和面经加qq裙608672019
点赞 回复 分享
发布于 2022-03-08 14:36
请问笔试题都考的什么呀?
点赞 回复 分享
发布于 2022-03-05 18:51

相关推荐

搜索部&nbsp;首先说下timeline8.18,投递8.19,约一面8.21,晚上一面call约二面8.22,上午二面下午oc周末等待(8.23,8.24)8.25,offer一年前,我还是懵懵懂懂,高考完的暑假,只会提前学学高数,未来的画像是什么?我或许无法预测。开学后,自学Python,接单,无数个客户的ddl,偷偷摸摸一个人找自习的地方,这一步步竟然为后来的我,搭建工程能力的基础。大一上,我也要感谢我的第一位老板,让我接触到了实习,师兄带着我一步步入门,看他们写的飞书文档。大一下,导师带我参与企业项目,这让我渐渐发现,应该去实践,增长见识,而非局限当下,盯着自己的小新pro。不久后,第一波投递开始,结果当然是约面极少。盯着简历上的文字和ssob,我开始思考,确实很多可以去提升。带着些许不甘心,继续沉淀,慢慢的约面也越来越多,有的时候两天7场,准备完就接着下一个日程。这一次,也许是刚好到位吧,比较match,面试答的流利,关关难关关过,成为度孝子展望未来,依然是重重挑战,果然只有收到offer的那一刻是开心的。愿在百度星海拆解的每一段代码,都能成为丈量宇宙的诗行;此志终赴星河,而今迈步重铸天阶。屏幕前的你们,在无数个向星海奔赴的日夜,一定一定,会在未来化作群星回响的征程——请永远相信此刻埋首耕耘的自己!!!
一天三顿半:???百度提前批发 offer了?不是统一和正式批排序完再发吗我靠
百度求职进展汇总
点赞 评论 收藏
分享
鼠鼠能上岸吗:进行中是秋招大项目进行中,你还可以选别的岗位;已结束是这个岗位流程结束了;筛选中就是在简历筛选环节没hr捞
投递美团等公司10个岗位
点赞 评论 收藏
分享
全A了,但是美团还有HC吗
投递美团等公司10个岗位
点赞 评论 收藏
分享
评论
28
191
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务