前端面试题
前端面试题
小仙女de成长
啊麻利麻利哄
展开
-
面试经典问题
1. js的数据类型。2. 基础类型和引用类型的区别。3. 闭包4. 原型和原型链5. Let const var的区别6. 数组遍历方式7. 对象遍历方式8. 改变数组的长度的方法9. call apply和bind的区别10. map和filter的区别11. promise解决的问题12. Async await和primose的区别13. Const 定义一个空对象,能改变吗?如果能,如何解决。14. 深拷贝和浅拷贝的区别15. Js存储数据的方式16. 箭头函数和普.原创 2021-06-21 08:46:54 · 160 阅读 · 0 评论 -
事件委托
事件委托利用了事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。所有用到按钮的事件(多数鼠标事件和键盘事件)都适合采用事件委托技术, 使用事件委托可以节省内存。<ul> <li>苹果</li> <li>香蕉</li> <li>凤梨</li></ul>// gooddocument.querySelector('ul').onclick = (event) => { ...转载 2020-11-30 15:45:16 · 146 阅读 · 0 评论 -
JS事件冒泡和事件代理(委托)
事件冒泡当一个元素接收到事件的时候,会把他接收到的事件传给父级,一直传到window<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati转载 2020-10-11 20:52:11 · 498 阅读 · 0 评论 -
面试反复被问到的问题(高频面试问题)
1.一个盒子垂直水平居中有哪些方法?回答2种到3种以上方法1:宽度高度已知父元素相对定位,子元素绝对定位,left:50%;top:50%;margin-left:负的宽度一半margin-top:负的高度一板方法二:flex布局,宽度高度已知在父元素身上:display:flex;justify-content:center;align-items:center方法三:父元素相对定位,子元素绝对定位+平移transform:translate(-50%,-50%)2转载 2020-10-06 11:13:40 · 308 阅读 · 0 评论 -
html面试题
1.行内元素有哪些?a,em,img,font,i,input,strong,button,textarea2.块级元素有哪些?address,blockquote,center,dir,div,p,ul,li,h1-h6,blockquote3.空(void)元素有哪些?<br/>,<hr/>,<link>,<input>4.行内元素跟块级元素有什么区别?区别一:块级:块级元素会独占一行,默认情况下宽度自动填满其父元素原创 2020-10-05 22:18:51 · 262 阅读 · 2 评论 -
vue面试题
1.<keep-alive></keep-alive>的作用是什么?用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面,再返回该列表页面,我们希望,列表页面可以保留用户的筛选(或选中)状态keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单,它还可以避免组件反复创建和渲染,有效提升系统性能。总的来说,keep-alive用于保存组件的渲染状态。2.如何获取dom?ref="domName转载 2020-10-04 22:28:29 · 296 阅读 · 0 评论 -
es6面试题
声明变量var跟let有什么区别?不存在变量提升 同一个作用域下不能重复定义同一个名称 有着严格的作用域 console.log(c);var c = '111';这边var存在预解析,变量提升,执行方式其实如下var c;console.log(c); //所以很显然这边打印出来的值是undefinedc = '111'; ...原创 2020-10-04 21:20:06 · 240 阅读 · 0 评论 -
前端面试题
1.正则表达式字面完全一致也不相等 var a = /123/, b = /123/; console.log(a==b) //false console.log(a===b) //false2.函数名称不可改变function test(){}var oldName = test.name;test.name = "huanhuan";console.log(test.name) //testconsole.log(oldName)原创 2020-07-02 13:28:42 · 355 阅读 · 2 评论