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

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

问题原贴: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-03-05 18:51
最近和几个大厂同学建了个qq裙,获取春招校招实习最新消息和面经加qq裙608672019
点赞 回复 分享
发布于 2022-03-08 14:36
太强了,面经全看完!!!学习了
点赞 回复 分享
发布于 2022-04-06 13:37

相关推荐

28 191 评论
分享
牛客网
牛客企业服务