面试官：xxx怎么办、怎么做？

2022年了，数据mock对于前端开发也是必不可少的知识点。因为现在前后端开发往往都是并行的，经常会出现前端页面已经完成，而后端接口还未写完的状况。所以学会mock数据可以大大加快前端的工作进度，是很

也许你遇到过‘拍平数组’这样的面试题，但如果是求数组的最大深度捏。 ‘拍平数组’的各种方法见笔者这篇文章即可：https://juejin.cn/post/6997765996417122340 如果

虚拟dom其实就是js对象。就好比再内存里生成一个js对象，将它转换成真实的dom节点，并渲染到页面上。 代码 效果 注意点 1.判断子节点是不是文本节点，可以使用instanceof来判断，再用cr

需要注意的有：Promise.all返回的顺序和输入的顺序一样 Promise.all Promise.race 记录记录！

问题：移动端媒体查询，在宽度750px以下显示圆形，750px以上显示正方形。 代码 效果 注意点：媒体查询时，使用的宽度为min-device-width和max-device-width。表示设备

注意点： 1.只能使用一个div标签，也就是不能嵌套标签， 2.左边一半为红色，右边一半为蓝色。 代码 效果 还有什么实现方式嘛？欢迎大家留言哒。 记录记录！

注意点： 1.模态框水平垂直居中， 2.蒙层铺满屏幕， 3.蒙层和模态框的z轴优先级问题， 4.modal模态框中flex布局问题， 5.按钮绑定事件切换样式属性。 代码 效果 记录记录！

需要注意放大和旋转动画如果对同一个元素添加，会有一个不生效。解决方法是：再套一个父级容器，给父级容器添加放大。 记录记录！

我们知道在写移动端页面时，有个经典的1px问题。该问题的原因是：在pc端的设计稿拿到移动端会产生视觉上的放大，解决该问题的方案就是将1px缩小为0.5px。 解决方法 1.直接写0.5px，不兼容。

注意点： 1.父子元素要使用"子绝父相"定位， 2.子元素水平垂直居中， 3.border-radius画圆角。 代码 效果 记录记录！

九宫格布局在开发中也是常常使用的，比如朋友圈的九宫格照片，各大电商网站导航也页面等等。那么九宫格用最常用的flex布局又怎么实现呢？ 代码 效果 记录记录！

实现场景：在文本框输入查询的文本时，上面的段落文本匹配高亮。 根据搜索框内的信息分隔文本，最后拼接字符串并设置css样式。 记录记录！

函数记忆是指将之前计算的结果缓存起来，以后调用时。如果遇到相同的参数，就直接返回缓存中的数据，是一种经典的空间换时间的方法。 代码 测试 记录记录！

老生长谈的问题，社区有很多总结的非常完善的好文。笔者在这记录一下自己的见解，有时间了再补充细节。 跨域原因 跨域分类 dom层面 网络层面 记录记录！

老生长谈的问题，社区有很多总结的非常完善的好文。笔者在这记录一下自己的见解，有时间了再补充细节。 跨站脚本攻击XSS 是一种代码注入攻击，通过恶意注入脚本在浏览器运行，然后盗取用户信息。 其实XSS攻

需要注意的一点，对于array和null，用Object.prototype.toString单独判断。其它都很简单。 代码 测试 记录记录！

其实在页面渲染时，渲染过程划分的细一点，会有一个根据层叠上下文分层渲染的过程。那么什么是层叠上下文呢？ dom元素z轴判断顺序 层叠顺序：同一层叠上下文内：z-index > 0 → z-index:

发布者订阅者模式相比于观察者模式多了一层事件调度中心。主要有发布事件，触发事件，删除事件等功能。 ES5原型写法 测试 记录记录！

需要注意的点，不推荐使用__proto__获取隐式原型，使用getPrototypeOf()更好。 代码 测试 记录记录！

需要注意的点： 1.return一个引用数据类型时，new的新对象是该引用类型对象 2.过程：创建一个空对象，绑定构造函数的原型prototype。再执行构造函数，得到result。 代码 测试 测试