2022-08-02 11:25 已编辑得物app_前端开发

关注

字节跳动前端面试（实习）答案整理

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

问题原贴：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、说说你对原型的理解

这篇博客写的很清楚：https://blog.csdn.net/u011504806/article/details/80676490

8、js除了原型怎么实现继承？

https://www.cnblogs.com/xiaonian8/p/13821618.html

9、说说你对vue的理解

开源JavaScript框架，渐进式框架，使用MVVM模式，采用双向数据绑定，组件化开发……

10、vue3比vue2增加了什么？

https://www.jianshu.com/p/59b941ed859e

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 春招找实习过程中的面经记录

全部评论

推荐最新楼层

David201803211935163

web前端

北地还是武地啊，链表可以用头插法 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; };

送花回复

发布于 2022-03-05 19:37

想run的杰尼龟就要上岸了

web前端

请问笔试题都考的什么呀？

送花回复

发布于 2022-03-05 18:51