父级

首页 > TAG信息列表 > 父级

CSS中浮动float带来的高度塌陷问题解决方案

1、每个盒子设定固定的width和height,这个方法是最简单的。 .father{ 　　height:200px; 　　weight:200px; } 2、给外部的父级元素页添加浮动 .father{ 　　float:left; } 3、给父级元素添加overflow属性其中用到了overflow的hidden、auto、scroll值 hidden：溢出隐藏 auto：当

修改iframe内部元素的样式

1. HTMLIFrameElement.contentDocument 使用这个方法获取页面iframe中的dom对象，注意可能会有下面两种结果： 1.1 如果iframe和它的父级在同一个域名下，那么这个方法返回document（是一个嵌套的浏览器上下文环境） 1.2 如果iframe和它的父级不在同一个域名下，那么这个方法返回null 有了上

事件委托

事件委托是利用冒泡的原理，把事件加到父级上，触发执行效果。优点：给父级元素加事件（可以提高性能）只在内存中开辟了一块空间，节省资源同时减少了dom操作，提高性能对于新添加的元素也会有之前的事件** 原理：事件委托其实是利用事件冒泡的特点，给父元素添加事件，子元素可以触发实现：事件

元素尺寸

getComputedStyle(对象)获取css样式的属性 offsetWidth border+padding+content offsetheight border+padding+content box-sizing:挤压内部 display:none的时候拿不到值 clientWidth padding+content 不包含border 偏移量 offsetLef offsetTop 参考点是定位父级 positi

语义化标签行元素块元素

标签也叫元素标签分行标签（行元素）和块标签（块元素）和行内块行元素：不独占一行，设置宽高无效，继承父级属性span,i,em,strong,b,s,u,a(带display: block)块元素：独占一行，设置宽高有效，继承父级属性h1-h6,p,div,form,ul,ol行内块（内联块级）：不独占一行，设置宽高有效，继承父级属性input,img,table(

css层叠样式表

同时关闭父级、孙级弹框

如图所示，想点击确认关联后同时关闭两个弹框回到表格页面，在父级页面中给孙级定义关闭的方法中应这样描述： checkVisible:false用于关闭孙级页面弹框，this.props.onCancel && this.props.onCancel();为调用父级关闭弹框的方法，其方法如下：比较关键的为调用父级页面的关闭弹框方法，无

继承的几种方式

1. 原型链继承代码： function Person(name, age) { this.name = name this.age = age } Person.prototype.say = function() { console.log('说话了') } const p1 = new Person('张三', 19) - 是利用了原型链的指向方法来实现的，把子级实例对象指向父级的构造函数的pr

sql 如何递归查询层级数据将父级字段和本级某个字段合并

with cte_child(id,areaName,pid) as ( --起始条件 select id,areaName,pid from erp_area where id = 44 --列出子节点查询条件 union all --递归条件 select a.id,a.areaName,a.pid from erp_area a inner join cte_child b --

overflow：hidden 的三个作用

NO.1 溢出隐藏 NO.2 清除浮动父级元素不设置高度时，高度由随内容增加自适应高度。当父级元素内部的子元素全部都设置浮动float之后，子元素会脱离标准流，不占位，父级元素检测不到子元素的高度，父级元素高度为0。 NO.3 解决高度塌陷父级元素内部有子元素，如果给子元素添加margin-top样式

vue3项目中报错：Unexpected mutation of "xxx" prop

vue3 中element 弹窗绑定需要通过v-model，这个时候父级会传个dialogVisible（boolean值）过来，结果会报eslint的错。 Unexpected mutation of "dialogVisible" prop，大概就是说不允许在子级修改父级的数据。问题描述： <el-dialog :title="title" width="800px" v-model="dialogVisible"

vue中子组件触发$emit如何传参的同时还传事件元素e问题解决

场景我遇到的场景可能比较特殊，不一定具有普适性，请先理解我的场景是否符合你的场景父级传一个list给子组件子组件用这个list，for渲染，绑定事件和数据，事件除了要传递数据如id，还需要传递e给父级但是在绑定事件中，e是默认参数，如果传了其他参数，e就会被覆盖，那么怎么才能二者同时传呢？

js iframe传参

父级向iframe内部发送 const mapFrame = this.$refs.iframeref;//处理兼容 if (mapFrame.attachEvent) { mapFrame.attachEvent('onload', function() { const iframeWin = mapFrame.contentWindow iframeWin.postMessage(data, '*') })} else { mapFrame.o

浮动+页面居中+弹性盒子+定位+图片插入

　　1.浮动：float：right向右浮动，相当于图层置顶. 　　2.页面居中：margin:auto; 　　3.弹性盒子：设置弹性盒子：display:flex;width:0px;height:0px;border:2px solid red;弹性盒子会让子元素在一行显示，如果一行占不下，则会平均压缩每个盒子。　　容器设置弹性盒子的元素，项目设置弹性盒子

jQuery事件处理

引入工具库： //网络路径 <script src="http://code.jquery.com/jquery-1.12.4.js"</script> 1、读取节点.innerHTML JQ.html() console.log( $('selector').html ) 2、读取节点的文本 JQ.text() console.log( $('selector').text() ) 3、读写标签的行间属性

单向数据流

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外变更父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生变更时，子组件中所有的 prop 都将会刷新为最新的值

CSS常用选择器和定位

选择器结构伪类选择器 /*选中ul的第一个子元素*/ ul li：first-child{ } /*ul的最后一子元素*/ ul li:last-child{ } /*选择p：定位到父元素然后选择子元素中第一个,但如果类型不符合则不改*/ p:nth-child(2){ } /*选择p：定位到父元素下第二个p元素*/ p:nth-of-type(2){ } 属性

flex-shrink属性和align-items:stretch介绍

flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。详见： https://www.runoob.com/cssref/css3-pr-flex-shrink.html align-items:stretch 如果侧轴是垂直方向,那么在垂直方向如果项目

Html与Javascript：超链接路径

相对路径： ◆以“./”开头，代表当前目录和文件目录在同一个目录里，“./”也可以省略不写！ ◆以"../"开头：向上走一级，代表目标文件在当前文件所在的上一级目录； ◆以"../../"开头：向上走两级，代表父级的父级目录，也就是上上级目录，再说明白点，就是上一级目录的上一级目录 ◆以"/”开头，代表根目

javaScript -动态获取元素偏移量

var width=element.offsetWidth; offset系列属性作用 offsetParent 返回该元素有定位的父级，如果父级都没有定位则返回body offsetTop 返回元素相对父级（带有定位的父级）上方的偏移 offsetLeft 返回元素相对父级（带有定位的父级）左边框的偏移 offsetWidth 返回自

抖音的tree组件父级选中后子级不可选的编写方法

antd貌似也可以试着参考一下，代码如下： <Tree className="yige-tree" treeData={treeData} value={selTreeData} defaultValue={selTreeData || []}//回显加载之前选中的数据 multiple expandAll style={style}

z-index层级要记住！

父级元素相对定位，子级元素根据父级元素进行绝对定位。被覆盖后需设置层级凸显文字使用z-index z-index：999； color：white；（作为区分）

Vue - 父子级的相互调用

父级调用子级父级： <script> this.$refs.child.load(); 或 this.$refs.one.load(); </script> 子级： <Hello ref="child"/> 或 <Hello ref="one"/> 子级调用父级：父级一定要加事件监听 v-on ，不然子级通过

清除浮动+PS切片

文章目录前言一、为什么需要清除浮动？二、清除浮动的本质三、清除浮动方法1.额外标签法2.父级添加overflow属性3.父级添加after伪元素4.父级添加双伪元素四、PS切图1.常见的图片格式2.图层切图3.切片切图4.PS插件切图清除浮动总结为什么需要清除浮动？前言浮动元素有

CSS 清除浮动

为什么需要清除浮动在一般情况下，一个盒子里使用了 CSS float 属性，导致父级盒子不能被撑开; <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>清除浮动</title> <style type="text/css"> .root { border: 2px solid