面试题-什么是BFC,普通事件绑定和事件监听区别,深拷贝浅拷贝区别

最新推荐文章于 2022-11-04 19:58:21 发布
最新推荐文章于 2022-11-04 19:58:21 发布
阅读量163 收藏
点赞数
文章标签： 面试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51113324/article/details/111333875
版权

面试题-什么是BFC,普通事件绑定和事件监听区别,深拷贝浅拷贝区别

什么是BFC

BFC是指浏览器中创建了一个独立的渲染区域
该区域内所有的元素布局都不会影响到区域外的元素布局
这个渲染区域只对块级元素起作用

普通事件和事件绑定有什么区别

普通添加事件的方法不支持添加多个事件,最下面的会覆盖上面的 事件无法取消
而事件监听方式添加事件可以添加多个事件, 支持事件冒泡 事件捕获 但是不兼容低版本IE浏览器

深拷贝和浅拷贝的区别

浅拷贝只是拷贝一层,更深层次对象级别的只拷贝地址
深拷贝拷贝多层 , 每一级别的数据都会拷贝

怎么样实现浅拷贝

  1. 创建一个空对象 , 遍历复制对象 , 依次填入空对象
  2. ES6中使用Object.assign (创建新对象,拷贝的旧对象)
  3. 使用解构赋值配合剩余参数
  4. 使用拓展运算符

实现深拷贝的方法

  1. 使用递归函数将对象内部的对象再次遍历拷贝
  2. 数组判断放在对象判断之前
门前若无南北路,此生可免别离情
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端大厂最新面试题-BFC.docx
06-06
在前端开发中，BFC（Block Formatting Context，块级格式化上下文）是一个非常重要的概念，它关乎到网页布局和元素间的相互影响。面试中，理解并能灵活运用BFC的知识是衡量开发者技术水平的一个重要指标。 首先，...
前端大厂最新面试题-horizon.docx
06-06
*浅拷贝和深拷贝：浅拷贝是指只拷贝对象的引用，而深拷贝是指完全拷贝对象的所有属性。 * 实现深拷贝的方法：使用JSON.parse(JSON.stringify(obj))或使用lodash的cloneDeep函数。 * JavaScript的垃圾回收机制：...
JavaScript面试题-事件绑定和普通事件有什么区别？
weixin_44486539的博客
10-31 281
事件绑定和普通事件有什么区别？ 普通事件 通过 on 来添加事件的方式 <button id="btn">按钮</button> document.getElementById('btn').onclick=function(){}; document.getElementById('btn').onclick=function(){}; 如果说给同一个元素绑定...
“约见”面试官系列之常见面试题之第六十篇之事件绑定和普通事件（建议收藏）
歌谣的博客
09-10 229
一个很简单的示例。 普通添加事件的方法： var btn = document.getElementById("hello"); btn.onclick = function(){ alert(1); } btn.onclick = function(){ alert(2); } 执行上面的代码只会alert 2 事件绑定方式添加事件： var btn = document.getElementById("hello"); btn.addEventListener("click",fun.
事件绑定和普通事件的区别
wangyangzxc123的博客
10-14 218
事件绑定相当于在一个元素上进行监听,监听事件是否触发。 普通事件就是直接触发事件。 两者的区别就在于是否可重复使用。 事件绑定可以在一个元素上监听同一事件多次,而普通事件多次写会被覆盖 ...
js传统绑定事件和监听事件的区别
hermit_j的博客
11-09 746
.addEventListener("事件类型不带on",function(){}); 区别： 传统绑定事件只能执行一个函数，荣光过要用事件监听绑定多个函数的话会全部执行 博主也是一个学生，欢迎补充说明，谢谢大家观看
为什么会有BFC？BFC是什么？如何触发？BFC解决了什么问题？
精品小程序实战教程
02-13 3123
前端程序员在布局页面时，经常会遇到各种烦人的小问题，比如：每个元素都是一个盒子，盒子外的父元素应该不会受到盒内子的子元素影响，可是事实是这样的吗？ 往往，我们会看到子元素浮动后，父元素高度没有了，两栏布局时右侧没有自适应，垂直方向上上下两个元素外边距不太对 从常理上来说，被包含在父元素里的元素是不会影响到父元素旁边的元素，但实际上并不总是如此，那么有没有什么办法能让里面的元素和外部真正隔离开呢？解...
前端大厂最新面试题-alibaba (1).docx
最新发布
06-06
本文将对前端大厂最新面试题-alibaba (1)的内容进行详细的解读和分析，从CSS和JavaScript两个方面对面试题的知识点进行详细的解释和讲解。 CSS部分 1. Float属性定义元素在哪个方向浮动。浮动元素会生成一个块级框...
前端大厂最新面试题-万字面试干货.docx
06-06
- 深拷贝与浅拷贝、内存管理与垃圾回收 2. **HTML/CSS**： - 结构语义化、响应式布局 - CSS选择器、盒模型、Flexbox和Grid布局 - CSS动画、过渡与定位 - BFC（块格式化上下文）与IFC（内联格式化上下文） 3. ...
前端大厂最新面试题-css.docx
06-06
前端大厂最新面试题-css CSS是前端开发的基础，以下是对前端大厂最新面试题-css的总结和解释。 1. 控制元素的盒模型的属性是box-sizing。 2. 相邻选择器是+，能匹配相邻的兄弟元素。 3. 不能被子元素继承的属性...
day26 - Vue相关内容及深拷贝和浅拷贝
m0_71706639的博客
11-04 200
day26 - Vue相关内容及深拷贝和浅拷贝
js普通事件和监听事件的区别
qian_an_hua_li的博客
11-26 1715
1.添加监听事件可以对动态生成的元素也生效。而普通事件就不行了。 2.普通事件只能执行一个回调函数，监听事件可以添加n个。
事件监听与传统事件的区别
Y1_1Y1_1y1_1y的博客
11-02 800
被老师问到了关于两者的区别，但是脑子中却很模糊，于是整理了以下文档： 1.传统注册事件：后面的事件会覆盖前面的事件 事件监听注册事件：addEventListener可以对同一个元素绑定多个事件（里面的事件类型是字符串 ，必定加引号 ，而且不带on），执行顺序从上到下依次执行 2.传统解绑方式使用的是指针指向null，举例：element.οnclick=null 事件监听采用removeEventListener来删除事件，注意事项：如果addEventListener添加的是一个匿名函数，则remove
事件绑定的几种方式及区别
qq_39594951的博客
07-28 4544
1.事件绑定分三种常用的方法: (1)在DOM元素中直接绑定 (2)在js代码中绑定; (3)绑定事件监听函数 DOM元素中直接绑定: &amp;lt;input type='button' onclick='fn()'&amp;gt; &amp;lt;script&amp;gt; function fn(){ console.log('hel...
js监听事件 (addEventListener()) 和普通事件( onclick() )的区别
weixin_40016215的博客
04-13 2524
研究事件冒泡时，发现一个问题，某些情况下，addEventListener() 要做的事，onclick也能做 引发了我一个思考，这两个有什么区别？ 区别： 1.onclick事件在同一时间只能指向唯一对象 2.addEventListener给一个事件注册多个listener 3.addEventListener对任何DOM都是有效的，而onclick仅限于HTML（这里的html指的是html4的标签） 4.addEventListener可以控制listener的触发阶段，（捕获/冒泡）。对于多个.
javascript-事件绑定和普通事件
leon的博客
07-22 438
事件绑定和普通事件？
JavaScript事件绑定和普通事件区别
热门推荐
花神的博客
05-09 2万+
区别十分简单，直接看代码吧<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <button id="btn">button</button> &l
js中事件绑定和普通事件的区别
weixin_42413684的博客
07-02 2101
简单来说，普通事件中的onclick只支持单个事件，会被其他onclick事件覆盖，而事件绑定中的addEventListener可以添加多个事件，而不用担心被覆盖。
js-绑定事件和普通事件的区别
fightingcoder419的博客
10-31 1005
事件绑定相当于在一个元素上进行监听，监听事件是否触发。 普通事件就是直接触发事件。 两者的区别就在于是否可重复使用。 事件绑定可以在一个元素上监听同一事件多次，而普通事件多次写会被覆盖。 var ys1 = '某个元素监听（绑定）',ys2 = '另一个元素(普通事件)'; ys1.addEventListener('click',function () { alert(1); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值