前端面试题最新

1.vue的原理? 2.v-model双向绑定的原理? 3.全局导航钩子函数应用场景? 4.路由独享的守卫(路由内钩子) 5.请说出XHTML和HTML的区别? 6.请写出至少5个HTML块元素标签? 7.请写出至少5个HTML行内元素标签? 8.请写出table标签下面会包含哪些标签元素? 9.很多网站不常用table iframe这两个元素，知道原因吗？ 10.请至少写出5个H5的新标签? 11.a标签在新窗口打开链接怎么加属性？ 12.写了2个<a>标签，两个标签之间有空格的情况遇到过吗？ 13.form标签上定义请求类型的是哪个属性？定义请求地址的是哪个属性？ 14.CSS选择器有哪些？哪些属性可以继承？ 15.CSS优先级算法如何计算？ 16.CSS3新增伪类有那些? 17.display有哪些值？说明他们的作用? 18.position的值？ 19.CSS3有哪些新特性？ 20.请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？ 21.用纯CSS创建一个三角形的原理是什么? 22.一个满屏品字布局如何设计? 23.css常见的兼容性问题？ 24.为什么要初始化CSS样式? 25.absolute的containing block计算方式跟正常流有什么不同？ 26.CSS里的visibility属性有个collapse属性值？在不同浏览器下以后什么区别？ 27.display:none与visibility：hidden的区别？ 28.position跟display、overflow、float这些特性相互叠加后会怎么样？ 29."对BFC规范(块级格式化上下文：block formatting context)的理解? 30.为什么会出现浮动和什么时候需要清除浮动？清除浮动的方式？ 31.设置元素浮动后，该元素的display值是多少？ 32.移动端的布局用过媒体查询吗？ 33.CSS优化、提高性能的方法有哪些？ 34.浏览器是怎样解析CSS选择器的？ 35.在网页中的应该使用奇数还是偶数的字体？为什么呢？ 36.margin和padding分别适合什么场景使用？ 37.元素竖向的百分比设定是相对于容器的高度吗？ 38.全屏滚动的原理是什么？用到了CSS的哪些属性？ 39.什么是响应式设计？响应式设计的基本原理是什么？如何兼容低版本的IE？ 40.::before 和 :after中双冒号和单冒号有什么区别？解释一下这2个伪元素的作用 41.你对line-height是如何理解的？ 42.怎么让Chrome支持小于12px 的文字？ 43.让页面里的字体变清晰，变细用CSS怎么做？ 44.如果需要手动写动画，你认为最小时间间隔是多久，为什么?

1. li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?

46.有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度 47.png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp？ 48.style标签写在body后与body前有什么区别？ 49.CSS属性overflow属性定义溢出元素内容区的内容会如何处理? 50.阐述一下CSS Sprites. 51.get和post的区别 52.cookie、localStorage、sessionStorage的区别? 53.谈谈对async和await和理解. 54.深拷贝和浅拷贝? 55.onload事件和domcontentloaded哪个先执行呢？ 56.stopPropagation()和preventDefault()这两个方法有什么区别？ 57.举例说明atob和btoa的用法? 58.js垃圾回收的方式有哪些？ 59.js事件中currentTarget和target的区别是什么？ 60.举例说明什么是短路求值？ 61.为什么 0.1+0.2 != 0.3? 怎么解决? 62.模拟 localStorage 时如何实现过期时间功能? 63.json格式如何去重，排序? 64.你知道立即执行函数有几种写法? 65.a == ('1'||'2'||'3') ? false : true写法进行改进，写出你优化后的方法? 66.如何判断一个对象是否为空？ 67.SPA首屏加载速度慢的怎么解决？ 68.vue-loader是什么？它有什么作用？ 69.v-if和v-for在同一个标签中的执行顺序? 70.谈谈Cookie的弊端? 71.Object.is()与原来的比较操作符"==="、"==” 的区别？ 72.vue中怎么重置data？ 73.在vue项目中如果methods的方法用箭头函数定义结果会怎么样？ 74.vue怎么实现强制刷新组件？ 75.如何在子组件中访问父组件的实例？ 76.vue组件里写的原生addEventListeners监听事件，要手动去销毁吗？为什么？ 77.<template></template>有什么用？ 78.组件中写name选项有什么作用？ 79.vue组件之间的通信都有哪些？ 80.route和router有什么区别？ 81.怎样动态加载路由? 82.说说active-class是哪个组件的属性？ 83.为什么vue使用异步更新组件? 84.怎么缓存当前的组件？缓存后怎么更新？ 85.vue怎么获取DOM节点？ 86.vuex中actions和mutations有什么区别？ 87.怎么监听vuex数据的变化？ 88.vue和react的原理有什么不同? 89.开启vuex中的严格模式有什么好处? 90.你了解双向绑定的计算属性的应用场景吗? 91.vue中的指令v-on如何绑定多个属性? 92.vue中使用delete删除对象的属性,页面会更新吗? 93.watch怎么深度监听对象变化? 94.判断对象是不是空对象，不是空对象怎么判断下面有多少元素? 95.介绍一下es6的map，set? 96.怎么使css样式只在当前组件中生效? 97.你知道vue2.0兼容IE哪个版本以上吗？ 98.vue组件会在什么时候下被销毁? 99.z-index 属性与定位有什么关系？ 100.什么是闭包？ 101.一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验? 102.你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 103.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 104.Quirks模式是什么？它和Standards模式有什么区别? 105.div+css的布局较table布局有什么优点？ 106.img的alt与title有何异同？ strong与em的异同？ 107.你能描述一下渐进增强和优雅降级之间的不同吗? 108.为什么利用多个域名来存储网站资源会更有效？ 109.请谈一下你对网页标准和标准制定机构重要性的理解? 110.简述一下src与href的区别。 111.知道的网页制作会用到的图片格式有哪些？ 112.知道什么是微格式吗？谈谈理解。在前端构建中应该考虑微格式吗？ 120.在css/js代码上线之后开发人员经常会优化性能，从用户刷新网页开始，一次js请求一般情况下有哪些地方会有缓存处理？ 121.你如何理解HTML结构的语义化？ 122.谈谈以前端角度出发做好SEO需要考虑什么？ 123.有哪项方式可以对一个DOM设置它的CSS样式? 124.CSS都有哪些选择器？ 125.CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？ 126.超链接访问过后hover样式就不出现的问题是什么？如何解决？ 127.什么是Css Hack？ie6,7,8的hack分别是什么？ 128.行内元素和块级元素的具体区别是什么？行内元素的padding和margin可设置吗？ 129.什么是外边距重叠？重叠的结果是什么？ 130.rgba()和opacity的透明效果有什么不同？ 131.css中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 132.css中可以让文字在垂直和水平方向上重叠的两个属性是什么？ 133.描述一个”reset”的CSS文件并如何使用它。知道normalize.css吗？你了解他们的不同之处？ 134.px和em的区别。 135.CSS中link和@import的区别是? 136.BFC是什么? 137.html语义化是什么？ 138.Doctype的作用？严格模式与混杂模式的区别？ 139.IE的双边距BUG：块级元素float后设置横向margin，ie6显示的margin比设置的较大? 140.HTML与XHTML——二者有什么区别？ 141.html常见兼容性问题? 142.对WEB标准以及W3C的理解与认识? 145.行内元素有哪些?块级元素有哪些?CSS的盒模型? 146.前端页面有哪三层构成，分别是什么?作用是什么? 147.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义? 148.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 149.CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？ 150.如何居中div,如何居中一个浮动元素? 151.css优先级算法如何计算？ 152.有那些行内元素、有哪些块级元素、盒模型？ 153.typeof返回哪些数据类型 154.例举3种强制类型转换和2种隐式类型转换? 155.split() 、join() 的区别? 156.数组方法pop() push() unshift() shift()? 157.事件绑定和普通事件有什么区别? 158.IE和标准下有哪些兼容性的写法：事件对象event? 159.call和apply的区别? 160.b继承a的方法? 161.如何阻止事件冒泡和默认事件? 162.添加 删除 替换 插入到某个节点的方法? 163.javascript的本地对象，内置对象和宿主对象? 164.window.onload 和document.ready的区别？ 165.”==”和“===”的不同? 166.javascript的同源策略? 167.JavaScript的数据类型都有什么? 168.已知ID的Input输入框，希望获取这个输入框的输入值，怎么做？ 169.希望获取到页面中所有的checkbox怎么做？(不使用第三方框架)? 170.当一个DOM节点被点击时候，我们希望能够执行一个函数，应该怎么做？ 180.已知有字符串foo=”get-element-by-id”,写一个function将其转化成驼峰表示法”getElementById”? 181.将字符串”<tr><td>{

name}</td></tr>”中的{

name}替换成Tony （使用正则表达式） 182.为了保证页面输出安全，我们经常需要对一些特殊的字符进行转义，请写一个函数escapeHtml，将<, >, &, “进行转义 183.foo = foo||bar ，这行代码是什么意思？为什么要这样写？ 184.怎样添加、移除、移动、复制、创建和查找节点? 185.写一个function，清除字符串前后的空格。 186.正则表达式 187.vue 第一次页面加载会触发哪些钩子函数? 188.Vue.js中ajax请求代码应该写在methods中还是vuex的actions中? 189.下面代码中 a 在什么情况下会打印 1？ 190.Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？ 191.["1","2","3"].map(parseInt)的结果是什么? 192.三种方法判别数组的优劣和区别？ 193.Vue父组件和子组件声明周期钩子函数执行顺序？ 194.typeof运算符返回值中有一个跟javascript数据类型不一致，它是什么？ 195.定义了一个变量，但没有为该变量赋值，如果alert该变量，javascript弹出的对话框中显示? 196.列举浏览器对象模型BOM里常用的至少4个对象，并列举window对象的常用方法至少5个 197.简述列举文档对象模型DOM里document的常用的查找访问节点的方法并做简单说明 198.简述创建函数的几种方式? 199.documen.write和 innerHTML 的区别? 200.js延迟加载的方式有哪些？ 201.事件委托是什么? 202.闭包是什么，有什么特性，对页面有什么影响? 203.ajax 是什么?简述发送请求的步骤? 204.window.location.search() 返回的是什么? 205.window.location.hash 返回的是什么? 206.window.location.reload() 作用? 207.什么是同源策略? 208.CSS3新增伪类有那些? 209.页面编码和被请求的资源编码如果不一致如何处理? 210.http缓存的两种方式， 怎么用? 211.还有Let,var,const区别? 212.如何让图文不可复制? 213.怎样处理 移动端 1px 被渲染成 2px 问题? 214.边距溢出问题及解决方案? 215.Proxy是什么? 216.Promise 是什么? 217.scoped作用及其原理? 218.如何适配iphoneX系列布局? 219.如何判读数据是不是NaN?

1. 防抖和节流?

221.箭头函数, 可以改变 this 指向吗?

222.rem和em的区别什么? 223.restful请求方式有哪几种? 224.你知道的http常见状态码有哪些? 225.token的具体流程? 226.解释原型和原型链? 227.vue 的 nextTick 的作用？ 228.Vue的权限管理方案？ 229.router-link 和 $router.push 实现跳转的原理? 230.vue 双向绑定原理? 240.ES6 使用到的新语法有哪些？ 250.React生命周期? 251.shouldComponentUpdate 的作用? 252.React 中 keys 的作用是什么？ 253.React 中 (组件的)状态(state)和属性(props)之间有何不同？ 254.何为受控组件(controlled component)?

1. react-router的原理?

256.何为高阶组件(HOC)? 257.了解 redux 么，说一下 redux?

1. redux中间件的理解，以及用过哪些中间件? 259.Redux 遵循的三个原则是什么? 260.React , redux 可以运行在服务端吗?有什么优势? 267.react性能优化方案? 270.说说你用react有什么坑点？ 280.react 的虚拟 dom 是怎么实现的？ 281.react diff 原理? 282.react 的渲染过程中，兄弟节点之间是怎么处理的？也就是key值不一样的时候? 283.react组件之间如何通信？ 284.react中setState 为什么是异步的？ 285.react的优势以及特点？ 286.vue为什么要求组件模板只能有一个根元素？ 287.vue的属性名称与method的方法名称一样时会发生什么问题？ 288.vue页面初始化闪动问题解决方案？ 289.vue单页面应用刷新网页后vuex的state数据丢失的解决方案? 290.Vuex如何区分state是外部直接修改,还是通过mutation方法修改的? 291.setState 修改数据的几种方式? 292.React事件传参的两种方式? 293.小程序页面间有哪些传递数据的方法？ 294.小程序的生命周期函数? 295.为什么不建议使用数组index索引值作为key值？ 296.跨域产生的原因？怎么解决跨域问题？ 297.宏任务和微任务的执行顺序? 298.vue组件中的data为什么必须是一个函数？ 299.computed 和 watch 的区别? 300.说说三次握手和四次挥手? 301.DOM事件的三个阶段? 302.什么是CSRF工具,怎么预防CSRF攻击? 303.PureComponent 组件不包含那个生命周期函数? 304.介绍HTTPS,https怎么建立安全通道?
2. 介绍下数字签名的原理?
3. 对async、await的理解，内部原理? 307.讲一下从输入url到页面加载全过程? 308.Vue3中的方法setup什么时候被执行？ 309.vue3原理? 310.为什么Vue3比Vue2性能高？ 311.造成内存泄漏的几种方式?

答案详解: 本来想放个微信小程序二维码的可是简书不让,所以需要答案的请留言,我会第一时间发给你.