zmh_vicky-CSDN博客

原创页面使用弹性布局，使用elementUI的Table高度等于父盒子的100%时候，table出现上缩动画

最近工作中有一个页面布局使用弹性布局，高度限定屏幕高度，使用elementUI的table时，因为想要他的高度等于其父盒子的高度的，所以table使用了height=100%;但是这是会发现其页面第一次出现，table的高度会出现一个向上缩的动画。要消除这种动画效果,通过查阅资料，这样的原因是因为高度height的100%没有绝对定义其相对元素是哪个，就会出现逐层向上寻找。要消除这种动画，在样式中使用position来决定其相对谁的高度。eg:div{

2021-10-17 21:05:15 1035

原创 elementUI的表格赋了初始值后，后面动态改变不起作用

elementUI 的高度绑定值，发现在data中赋了初始值，后面动态改变，在浏览器的devtool中可以看到值正确了，但是表格的高度却不改变，查找资料得知，height的初始值赋值为null后，能正确显示动态改变的高度值。...

2021-10-12 13:51:36 251

原创什么是跨域？

在实际开发工作中，会有出现跨域请求服务器数据的情况发生，而什么叫跨域呢？很多新手开发人员都会这个概念很模糊。今天就来讲讲什么是跨域。同源策略同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。- - -百度百科在MDN上市这么说的mdn同源解释阮一峰老师在他的博客中也有对同源策略的一个解释，还介绍了一些避

2021-08-12 10:36:03 397

原创正则表达式常用元字符、限定符、其他符

常用元字符元字符说明\d匹配数字\D匹配任意非数字的字符\w匹配字母或数字或下划线\W匹配任意不是字母、数字、下划线\s匹配任意的空白字符\S匹配任意不是空白的字符.匹配除换行以为的任意单个字符^表示匹配行首的文本（以XX开始）$表示匹配行尾的文本（以XX开始）限定符限定符说明*重复零次或更多次+重复一次或更多次？重复零次或一次{n}重复n次{n,}重复n次或

2021-08-07 11:52:41 189

原创 javascript中的offset、client、scroll的区别？

在javascript中要获取元素的宽高、距离某元素的距离时候，基本都会用到offset(width、height、top、left)、client(width、height、top、left)、scroll(width、height、top、left)。但是很经常会混淆这三个。offsetTop/offsetLeft:返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。(offsetParent是当前元素的父元素position:absolute/relative/fixed/s

2021-08-02 17:19:24 67

原创 URL由什么组成？

URL的组成成分一个完整的URL的组成由于：通信协议（scheme）、主机（host）、端口号（port）、路径（path）、查询（query）、信息片段（fragment）组成。例如： https://www.baidu.com/?name=zs&&age=15#middle拆解：scheme://host:port/path?query#fragmentscheme：通信协议，常用的协议http，ftp等。host：主机，服务器（计算机）域名系统（DNS），主机名或IP地址。

2021-07-31 17:08:55 13649

原创运算符的优先级

运算符的优先级别（由高至低） 1. （）优先级最高 2. 一元运算符：++、--、! 3. 算数运算符：先 * / % 后 + - 4. 关系运算符： > >= < <= 5. 相等运算符： == != === !== 6. 逻辑运算符：先 && 后 || 7. 赋值运算符号 = += -= *= /= %=...

2021-07-23 14:47:31 197

原创什么是BFC？如何触发BFC

什么是BFC？BFC(Block formattin context)，直译：“块级格式化上下文”。在页面上形成一个隔离的独立容器，容器里面的子元素不会影响外面的元素。反之亦是。那些元素具备BFC的条件？不是所以元素都能产生BFC，w3c规范只有display属性为block，list-item，table的元素，会产生BFC。如：div，h1~h6，p，ul，ol，li等。如何触发BFC？具有产生BFC条件，但是触发才能产生BFC，创造封闭的环境。触发条件：float属性不为none;

2021-07-23 12:29:20 2413

原创子盒子浮动，父盒子清除浮动高度内容撑开

清除浮动的方法本质分为两种，一种为额外标签法，一种父盒子加overflow。额外标签法又有两种情况。父级盒子加一个空元素 <div class="father"> <div class="son"></div> <div class="son"></div> <div class="clearfix"></div> </div&

2021-07-17 21:40:39 278

原创布局内嵌盒子外边距合并问题

在html布局中经常会出现两个嵌套的盒子，内嵌的盒子加外边距会被外面的盒子合并，就不能正确的显示出来。.father { width: 200px; height: 200px; background: pink; }.son { width: 50px; height: 50px; background: skyblue; margin-top: 50px; } 要解决这个嵌套盒子的子盒子外边距被父盒子合并的问题，可以使用一下三种方式：1、

2021-07-17 15:17:26 258

原创 html标签显示模式分类

标签显示模式分类（块元素、行内元素）HTML标签一般分为块标签和行内标签两种类型，也称为块元素和行内元素。块元素（block-level）常见块元素有：h1~h6，p，div，ul，ol，li等。特点：（1）独占一行。（2）宽度、高度、外边距和内边距都可以控制。（3）宽度默认为容器的100%。（4）可以容纳内联元素和其他块元素。行内元素（inline-level）常见行内元素有: a，strong，b，em，i，del，s，ins，u，span等。特点：（1）和相邻行内元素在同一行

2021-07-16 20:10:11 346

weixin_45397914的博客