有馬貴將 - 个人主页动态 - 牛客网 (nowcoder.com)

2023.9.1oppo前端一面

大概四十五分钟，一直在问问题，项目问的比较少

1. 自我介绍
2. 水平垂直居中的方式（面试官问了margin-top相对于谁，应该是想问百分比的时候相对于父元素宽度，但我说使用px设置）display:flex+justify-content+align-items子绝父相加上自己计算子绝父相加上百分比布局加上margin-top和margin-left子绝父相加上百分比布局加上transform子绝父相加上百分比布局加上margin:autodisplay: table-cell;+vertical-align: middle; +text-align: center;
3. css动画和js动画的区别css动画会强制用gpu加速，性能更好，但是兼容性差一点，控制的时机少，不能中途暂停，实现一个简单的动画要写大量的css代码js可以控制动画的暂停，效果多样化，但是性能差一点，他的兼容性也好一点，但是js的复杂度要高很多。
4. js中除了定时器的动画还有其他的么css的过渡animation动画也可以设置
5. 除了requestAnimationFrame还有其他的么（requestIdleCallback）
6. 屏幕刷新一帧是多长时间，在这一帧中js都做了什么事情浏览器对每一帧画面的渲染工作需要在16ms（1000ms/60）之内完成，也就是说每一次渲染都要在 16ms才不会掉帧。在这16ms 内浏览器要完成的工作有：脚本执行（JavaScript）：脚本造成了需要重绘的改动，比如增删 DOM、请求动画等样式计算（CSS Object Model）：级联地生成每个节点的生效样式。布局（Layout）：计算布局，执行渲染算法重绘（Paint）：各层分别进行绘制（比如 3D 动画）合成（Composite）：将位图发送给合成线程。
7. css中单位有哪些px,em rem,vw,vh,%
8. em和rem的区别是什么em是相对于当前盒子的字体的，如果没有设置字体就是父级盒子设置的字体，会一直往上找，直到windowrem是相对于html根组件的字体大小设置的，如果修改根字体大小其余的也会跟着一起变化的。
9. rem相对于根元素是什么（html，记得看过但是回答错了，然后面试官引导了一波）html
10. css动画如何监听播放状态开始事件 webkitAnimationStart结束事件 webkitAnimationEnd重复运动事件 webkitAnimationIteration
11. js中事件监听的方式有哪些种（只说了onxxx和addEventListener，好像还有个attachEvent）onxxxaddEventListenerattachEvent
12. 如何阻止冒泡和默认事件event.stopPropagation();+ev.cancelBubble = true;e.preventDefault()+e.returnValue = false;
13. 哪些事件没有冒泡blur focusscorllmedia事件mouseenter,mouseleave
14. 箭头函数和普通函数的区别箭头函数没有this箭头函数不能作为构造函数箭头函数没有函数提升箭头函数在只有一个参数和执行体语句只有一个return语句的时候可以省略小括号和花括号以及return箭头函数没有arguments参数
15. js中数据类型unifined string Symbol object number boolean null
16. 基本数据类型和引用数据类型区别基本数据类型：基本类型值在内存中占据固定大小，直接存储在栈内存中的数据引用数据类型：引用类型在栈中存储了指针，这个指针指向堆内存中的地址，真实的数据存放在基本数据类型： 基本类型的比较是值的比较，只要它们的值相等就认为他们是相等的引用数据类型： 引用数据类型的比较是**引用的比较，**看其的引用是否指向同一个对象
17. 看个题说输出：事件循环的题
18. js中为啥要给任务分类如果js的任务都是同步的，那么遇到定时器、网络请求等这类型需要延时执行的任务会发生什么？会瘫痪所以需要任务插队
19. 项目的一些问题（聊到了localStorage和indexDB）
20. 回流和重绘回流需要根据html和css计算出页面的布局和样式重绘是吧不会引起布局变化的属性发生改变的话，就会重新渲染页面
21. 如何减少回流将对一个元素的修改的时候，先全部隐藏，然后修改完成之后，再展示使用css的属性简写用类批量修改dom节点的样式避免使用scc表达式
22. 跨域解决方案jsonpcores代理跨域
23. jsonp原理根据script的src属性可以请求网页上的任意资源，然后在当前页面定义一个回调函数，当我们发请求的时候带上这个回调函数的的函数名，服务器带回来调用哪个函数，当然也可以携带参数，然后进行调用。
24. cors原理跨域资源共享 CORS 详解 - 阮一峰的网络日志 (ruanyifeng.com)
25. 反问（也没问出来啥）

作者：有馬貴將链接：https://www.nowcoder.com/interview/center?entranceType=%25E9%259D%25A2%25E8%25AF%2595%25E7%25BB%258F%25E9%25AA%258Ctab来源：牛客网