字节跳动Web前端开发校招一面凉经

字节跳动Web前端开发校招一面凉经(一)

前端菜鸟一名,字节跳动不怎么卡学历,认真做笔试的基本上都有面试资格。本人双非学校,但是还是有面试。只怪自己太菜了。而且笔试自我感觉做得很差,以为自己凉凉了,结果十几天之后突然给我打电话,约我面试。哇,什么都没有准备呀,我天,行了,下面说正题。自我介绍直接跳过 (ps:面试官是个小姐姐呢)。

项目经验

在校参加实验室,参与过一个比较大的项目,用的是Vue,然后后面面试官问的问题基本上都是围绕Vue来问的。

平时做项目都是运用的Vue、ElementUi框架,那么对Html/Css还记得好多?

这个能怎么回答,都是求职的Web前端,不能说自己全忘记了吧。
我说还记得,在项目中也要自己写一些样式。(很好,就这?)

那你用CSS画个三角形出来吧。

。。。我当时面试前一天才看过。应该不难吧。但是当时面试的窗口没有JavaScript的脚本语言,面试官叫我就直接写在Java编辑框里面吧?我去,什么提示都没有,紧张起来,差点忘记了。

#triangle-up {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid red;
}

js除了学校交的,自己还从什么地方学习过呢?比如看过什么书?

哇,这个。我肯定说廖雪峰的博客丫。

那你说一下js的事件循环吧。

。。。(这个我不了解啊),但是我想应该和JS的单线程有关吧。所以就扯了一下JS的单线程。
后面下来我才知道什么是真正的js的事件循环:
js的事件循环与进程和线程有关。
进程描述了CPU在运行指定及加载和保存上下文所需要的时间,放在应用上来说就代表了一个程序。
线程是进程中更小的单位,描述了执行一段指令所需要的时间。
就如:打开一个浏览器,打开一个Tab页,就创建了一个进程,一个进程中可以有多个线程,如渲染线程、JS引擎线程、HTTP请求线程等等。
执行栈:把执行栈认为是一个存储函数调用的栈结构,准训先进后出的原则。
浏览器中的事件循环:当我们执行JS代码的时候其实就是往执行栈中放入函数,那么遇到异步代码的时候会被挂起,并在需要执行的时候加入到Task(有多种Task)队列中,一旦执行栈为空,Event Loop就会从Task队列中拿出需要执行的爱吗并放入执行栈中执行,所以本质上来说JS中的异步还是同步行为。
Node中的事件循环:Node中的事件循环与浏览器中的事件循环是完全不相同的东西。Node的事件循环分为6个阶段,他们会按照顺序反复运行。每当进入某一个阶段是时候,都会从对应的调回队列中去除函数去执行。当队列为空或者执行的回调函数数量到达系统设定的阈值,就会进入下一个阶段。
timer阶段回执行setTimeout和setInterval回调,并且是由poll阶段控制的。同样,在node中定时器指定的时间也不是准确时间,只能尽快执行。
I/O阶段会处理一些上一轮循环中的少数未执行的I/O回调
idle,prepare阶段
poll阶段
check阶段
close callbacks阶段
这一段学习至
链接: 桃之夭夭.

知道变量提升吗?

这个我知道一点点,变量提升就是在变量申明之前是否可用。var声明的变量在声明之前可用,值为undefined。let声明的变量在没有声明之前使用则回报错。(很好,回答得一塌糊涂)
正解为:
JS中,函数及变量的声明都将被提升到函数的最顶部
JS中,变量可以在使用后声明,也就是变量可以先使用再声明。
函数声明和变量声明总是回被解释器悄悄地提升到方法体的最顶部。
JS初始化不会提升,只有声明的变量会提升,初始化的不会。

说一下CSS的盒模型

这个我不知道怎么说,没有头绪,因为没有准备,所以知道,但是不知道从何说起。
CSS盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中。盒模型这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素。包括:边距、边框、填充、和实际内容。盒模型允许我们在其他元素边框之间的空间放置元素。
盒模型图:
字节跳动Web前端开发校招一面凉经_第1张图片
Margin(外边距) - 清除边框外的区域,外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域,内边距是透明的。
Content(内容) - 盒子的内容,显示文本和图像。
当指定一个 CSS 元素的宽度和高度属性时,你只是设置内容区域的宽度和高度。要知道,完整大小的元素,你还必须添加内边距,边框和边距。

你可能感兴趣的:(字节跳动Web前端开发校招一面凉经)