前端面试

说一说 v-if 和 v-show区别？ 要点： v-show true/false都渲染 、 v-if true渲染 false不渲染 作用: 都是控制元素隐藏和显示的指令 区别： v-show:

说一下重绘、重排区别如何避免？ 要点： 改变元素尺寸、重新计算布局树、重排必定重绘、重绘避开了重建布局树和分层、GPU加速、脱离文档流、样式集中改变 答： 重排 ：当DOM的变化影响了元素的几何信息(

说一说Vuex是什么，每个属性是干嘛的，如何使用 ？ 要点： state、mutations、getters、actions、module、store.commit、store.dispatch 答：

说一说Vue3.0 实现数据双向绑定的方法 ？ 要点： Proxy、数据拦截、劫持整个对象、返回一个新对象、有13种劫持 答： Vue3.0 是通过Proxy实现的数据双向绑定，Proxy是ES6中新

说一下浮动？ 要点： 脱离文档流、盒子塌陷、 影响其他元素排版、伪元素 、overflow:hidden 、标签插入法 答： 浮动的作用： 设置浮动的图片，可以实现文字环绕图片；设置了浮动的块级元素可

说一说JS变量提升？ 要点： Var声明的变量声明提升、函数声明提升、let和const变量不提升 答： 变量提升是指JS的变量和函数声明会在代码编译期，提升到代码的最前面。 在代码编译期，提升到代码

React组件间传值的方法有哪些？ 要点： props、context、发布/订阅 答： React中组件之间的传值方法有很多，按照不同的组件间关系可以把组件传值的方法分为父子组件传值，跨级组件传值和

ReactRouter基本用法是什么？ 要点： 路由的模式有两种、hash模式、history模式、路由的动态传参、重定向、高阶路由组件 答： react的路由保证了界面和URL的同步，拥有简单的AP

React事件绑定原理 要点： 非原生事件、SyntheticBaseEvent 答： 1. React中event事件不是原生事件，而是对原生event进行了封装的新类SyntheticBaseEv

说一说跨域是什么？如何解决跨域问题？ 要点： 同源限制、协议、域名、端口、CORS、node中间件、JSONP、postmessage 答： 跨域： 当前页面中的某个接口请求的地址和当前页面的地址如果

说一说JS实现异步的方法？ 要点： 回调函数、事件监听、setTimeout、Promise、生成器Generators/yield、Async/Await 答： 所有异步任务都是在同步任务执行结束之

CSRF攻击是什么？ 要点： CSRF时跨站请求伪造、盗用用户身份发起请求 答： CSRF跨站点请求伪造（Cross Site Request Forgery） 和XSS攻击一样，有巨大的危害性，就是

事件扩展符用过吗(...)，什么场景下？ 要点： 等价于apply的方式、将数组展开为构造函数的参数、数组字符串连接、浅拷贝 答： 展开语法(Spread syntax), 可以在函数调用/数组构造时

setState是同步还是异步的？ 要点： 是同步也是异步、合成事件、生命周期函数、原生事件、定时器 答： setState在合成事件和生命周期函数中是异步的，在原生事件和定时器中都是同步的 setS

说一说vue钩子函数？ 要点： beforeCreate、created、beforeMounted、mounted、beforeUpdate、updated 、 beforeDestroy、dest

说一下浏览器如何渲染页面的？ 要点： dom树、stylesheet、布局树、分层、光栅化、合成 答： 浏览器拿到HTML，先将HTML转换成dom树，再将CSS样式转换成stylesheet，根据d

说一说 Vue 中 $nextTick 作用与原理？ 要点： 异步渲染、获取DOM、Promise 答： Vue 在更新 DOM 时是异步执行的，在修改数据后，视图不会立刻更新，而是等同一事件循环中的

说一说this指向（普通函数、箭头函数）？ 要点： 全局执行上下文、函数执行上下文、this严格模式下undefined、非严格模式window、构造函数新对象本身、普通函数不继承this、箭头函数无

说一说cookie、sessionStorage、localStorage 区别？ 要点【数据存储位置、写入方式、生命周期、存储大小、数据共享、发送请求时是否携带、应用场景】 答： 共同点： 【数据存

说一说HTML语义化？ 要点： 语义化标签、利于页面内容结构化、利于无CSS页面可读、利于SEO、利于代码可读 答： 语义化的好处： 1. 代码可读高 2. 有利于SEO 3. 利于页面内容结构化 常