字节跳动H5游戏前端面经
写在前面：因为投递的岗位是H5游戏开发-技术中台，所以面试的题目应该和常规的前端面试不太一样，但是因为这方面的面经实在有限（我只在牛客找到一位社招大佬的面经贴 https://www.nowcoder.com/discuss/493904?type=all&order=time&pos=&page=1&channel=1009&source_id=search_all）所以特此记录一下供各位参考
一面（9.15）
1、js的数据类型及判断方法；
2、promise，宏任务和微任务，async,await；
3、webpack和rollup的区别；
4、npm的命令写在package.json的哪个字段（script）；
5、webpack的热更新；
6、vue的生命周期；
以下为图形学相关的：
7、图形渲染的基本流程；
8、模型变换、视图变换
9、顶点着色器和片元着色器（哪些过程在顶点着色器实现，哪些过程在片元着色器实现）；
10、有哪几种类型的光照，特点；
11、你了解的光照模型；
12、光照效果跟什么有关，高光除了镜面反射还有什么实现方法（光照贴图）；
13、模型的材质有什么了解；
14、欧拉角和四元数了解吗；
15、代码：用promise实现一个定时器，每隔一秒输出数组中的一个数字
16、代码：输出无重复数组的全部子数组；
二面（9.20）
1、var和const的区别；
2、函数闭包；
3、函数变量提升（字面量式和声明式）；
4、npm常用的包用过哪些；
5、webpack写过loader吗；
6、缓存（强缓存和协商缓存）；
7、DNS是基于TCP还是UDP；
8、vue的响应式原理；
9、node事件循环；
10、移动端的适配方案；
11、flex的常用属性；
12、如果flex不能兼容IE或者一些Android浏览器，怎么解决；
13、设计过什么web组件的开发，详细介绍一下；
14、多仓库管理代码的优势有哪些；
15、ts相对于js的优势； 16、代码题：实现一个类， 传的参数是一个对象，data数据的值会被改为响应式的，然后修改里面的数据，会触发watch熟悉配置监听属性函数。
17、代码题：设计一个简单的任务队列, 要求分别在 1,3,4 秒后打印出 "1", "2", "3"；
18、你一年之内对自己的规划；
19、你的优缺点；
三面（9.23）
1、Webgpu有了解过吗？
2、Unity或者Cocos有了解吗?
3、你对图形渲染在业务上的应用有哪些理解？
4、Vue和React的区别（使用和原理上都说一下）；
5、Vue的生命周期；
6、对MVVM的理解；
7、代码题：顺时针打印二维数组；
8、Linux的常见命令用过吗？
9、数据库mysql、redis有了解吗？
10、你之前做的项目是H5开发和web前端为主，为什么想来游戏部门？
总体来说面试体验还是很不错的，一面的姐姐一直很有耐心地听你的回答，并且还会建议我多去了解哪个方面的技术，二面面试官也是会引导你的回答，三面面试官应该是部门负责人，给我详细介绍了部门主要做的事情以及我自己是希望往哪个方向发展，总之收获很大。
最后祝各位同学都能收获满意的offer呀😊
#字节跳动##前端工程师##面经##校招#
投递华为等公司10个岗位 >