前端基础
html,css,js基础
C-V御用工程师
一个还在读研的计算机人
展开
-
vue中响应式实现原理
vue中响应式实现原理 所谓响应式布局,主要做的就是两件事: 如何监听属性发生改变 当得知属性发生改变时,如何通知所有使用该属性的页面发生改变 当我们使用vue框架开发我们的前端页面时,我们最常做的两步就是绑定元素和定义属性` const el = new Vue{ el:'#app', data:{ message:"hello", } } 如上图所示样式,仅仅简单的几句,但是在编码的过程中,你是否考虑过如何实现响应式原理的呢?下面我们原创 2021-08-06 16:25:47 · 266 阅读 · 1 评论 -
关于前端页面元素布局display注意事项
关于前端页面元素布局display注意事项display=flex时当页面元素显示被上层元素遮挡时当我们想要固定高度时 display=flex时 当我们的元素想要在页面上进行布局,或者说进行自适应流式布局时,我们就需要设置该属性,并且如果我们想让我们的页面显示子元素均匀分布,我们可以在子元素内设置flex = 1. 当页面元素显示被上层元素遮挡时 我们此时可以对我们想要在页面上显示的元素设置属性z-index = 9,设置元素层级。 当我们想要固定高度时 我们此时也可以使用position定位来实现,此时原创 2021-08-05 12:57:44 · 51 阅读 · 1 评论 -
解决高度坍陷问题三种策略
这里写自定义目录标题*第一种*第二种第三种 高度塌陷问题是我们在学习css和html5时不可避免的一个易错点,下面是个人整理的关于高度塌陷的三个解决办法 首先,对高度塌陷进行介绍,在html5中,父元素的高度是由后代元素撑起来的,当我们后代元素设置为float时,就会造成父元素的高度塌陷,会致使父元素下面的元素往上顶,造成元素重叠。解决方法如下: 第一种 **overflow: auto;** 当我们将溢出标志overflow设置为auto时,可以消去后代元素浮动造成的高度塌陷问题原创 2020-07-23 21:44:18 · 195 阅读 · 0 评论