- 博客(11)
- 收藏
- 关注
原创 页面使用弹性布局,使用elementUI的Table高度等于父盒子的100%时候,table出现上缩动画
最近工作中有一个页面布局使用弹性布局,高度限定屏幕高度,使用elementUI的table时,因为想要他的高度等于其父盒子的高度的,所以table使用了height=100%;但是这是会发现其页面第一次出现,table的高度会出现一个向上缩的动画。要消除这种动画效果,通过查阅资料,这样的原因是因为高度height的100%没有绝对定义其相对元素是哪个,就会出现逐层向上寻找。要消除这种动画,在样式中使用position来决定其相对谁的高度。eg:div{
2021-10-17 21:05:15
1044
原创 elementUI的表格赋了初始值后,后面动态改变不起作用
elementUI 的高度绑定值,发现在data中赋了初始值,后面动态改变,在浏览器的devtool中可以看到值正确了,但是表格的高度却不改变,查找资料得知,height的初始值赋值为null后,能正确显示动态改变的高度值。...
2021-10-12 13:51:36
258
原创 什么是跨域?
在实际开发工作中,会有出现跨域请求服务器数据的情况发生,而什么叫跨域呢?很多新手开发人员都会这个概念很模糊。今天就来讲讲什么是跨域。同源策略 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。- - -百度百科 在MDN上市这么说的mdn同源解释 阮一峰老师在他的博客中也有对同源策略的一个解释,还介绍了一些避
2021-08-12 10:36:03
409
原创 正则表达式常用元字符、限定符、其他符
常用元字符元字符说明\d匹配数字\D匹配任意非数字的字符\w匹配字母或数字或下划线\W匹配任意不是字母、数字、下划线\s匹配任意的空白字符\S匹配任意不是空白的字符.匹配除换行以为的任意单个字符^表示匹配行首的文本(以XX开始)$表示匹配行尾的文本(以XX开始)限定符限定符说明*重复零次或更多次+重复一次或更多次?重复零次或一次{n}重复n次{n,}重复n次或
2021-08-07 11:52:41
193
原创 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
70
原创 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
13701
原创 运算符的优先级
运算符的优先级别(由高至低) 1. ()优先级最高 2. 一元运算符:++、--、! 3. 算数运算符:先 * / % 后 + - 4. 关系运算符: > >= < <= 5. 相等运算符: == != === !== 6. 逻辑运算符: 先 && 后 || 7. 赋值运算符号 = += -= *= /= %=...
2021-07-23 14:47:31
200
原创 什么是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
2429
原创 子盒子浮动,父盒子清除浮动高度内容撑开
清除浮动的方法本质分为两种,一种为额外标签法,一种父盒子加overflow。额外标签法又有两种情况。父级盒子加一个空元素 <div class="father"> <div class="son"></div> <div class="son"></div> <div class="clearfix"></div> </div&
2021-07-17 21:40:39
281
原创 布局内嵌盒子外边距合并问题
在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
263
原创 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
351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人