前端面试题
前端面试题
小仙女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> // good document.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,textarea 2.块级元素有哪些? address,blockquote,center,dir,div,p,ul,li,h1-h6,blockquote 3.空(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); //所以很显然这边打印出来的值是undefined c = '111'; ...原创 2020-10-04 21:20:06 · 240 阅读 · 0 评论 -
前端面试题
1.正则表达式字面完全一致也不相等 var a = /123/, b = /123/; console.log(a==b) //false console.log(a===b) //false 2.函数名称不可改变 function test(){} var oldName = test.name; test.name = "huanhuan"; console.log(test.name) //test console.log(oldName)原创 2020-07-02 13:28:42 · 355 阅读 · 2 评论