笔记
duangduangxiu
这个作者很懒,什么都没留下…
展开
-
什么是闭包
闭包就是函数嵌套函数;例如: function a() { var n = 10; function b() { n++; console.log(n); } return b; } var fn = a(); fn();//11 fn();//12 a()();//11 a()();//11闭包的优点:可以隔离作用域,不造成全局污染,还可以将原创 2022-05-09 16:28:25 · 197 阅读 · 0 评论 -
rgba、opacity、transparent透明效果有什么区别?
rgba()、opacity、transparent都能实现透明效果.opacity 用来设置元素的不透明级别,从 0.0 (完全透明)到 1.0(完全不透明),属性的所有后代元素都会继承 opacity 属性.rgba()只作用于当前元素,不会继承透明属性.transparent 是颜色的一种,这种颜色叫透明色...原创 2022-01-09 23:53:20 · 476 阅读 · 0 评论 -
什么是回流什么是重绘以及区别?
回流:因为元素的规模尺寸,布局,显示隐藏等改变而需要重新构建,页面布局发生改变,叫回流重绘:元素更新属性,只是影响元素的外观,风格,比如更改背景色、文字颜色等,而不会影响布局的叫重绘这两个的区别:回流必将引起重绘,而重绘不一定会引起回流。...原创 2022-01-09 23:51:34 · 532 阅读 · 0 评论 -
::before和:before有何异同?
伪类和伪元素的具体概念如下:伪类: 用于已有元素处于某种状态时为其添加对应的样式,这个状态是根据用户行为而动态变化的。伪元素: 用于创建一些不在DOM树中的元素,并为其添加样式。相同点::before和::before写法是等效的.不同点:1.单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素2 :before是CSS2的写法,::before是CSS3的写法3 :before的兼容性要比::before好...原创 2022-01-09 23:49:40 · 577 阅读 · 0 评论 -
display:none与visibility:hidden的区别
display: none 不显示对应的元素,在文档布局中不再分配空间visibility: hidden 隐藏对应元素,在文档布局中仍保留原来的空间支持过渡opacity:0 透明度为0,在文档布局中仍保留原来的空间,支持过渡...原创 2022-01-09 23:46:43 · 183 阅读 · 0 评论 -
position的值有哪些?
static: 默认值 没有定位,元素出现在标准流中,不支持边偏移(top,left,right,bottom)relative (相对定位):生成相对定位的元素,相对于其正常(原先本身)位置进行定位absolute(绝对定位):生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位fixed(固定定位):生成绝对定位的元素,相对于浏览器窗口进行定位...原创 2022-01-09 23:44:16 · 291 阅读 · 0 评论 -
如何让一个已知宽高盒子垂直水平居中?如何让一个未知宽高盒子垂直水平居中?
如何让一个已知宽高盒子垂直水平居中? 一个盒子加父相子绝定位,上下左右边偏移都是0,而且加一个margin:auto原创 2022-01-09 23:42:41 · 305 阅读 · 0 评论 -
为什么会出现浮动?浮动会带来哪些问题?清除浮动的方式有哪些?哪种较好?
浮动产生的原因:01-需要块级元素处于一行02-需要文字环绕在图片周围浮动带来的问题:1. 父元素的高度无法被撑开,影响与父元素同级的元素2. 与浮动元素同级的非浮动元素(内联元素)会跟随其后3. 如果当前元素浮动会影响后面元素,那么后面元素也得浮动(或者需要清除浮动)清除浮动的方式:1. 父级div定义height2. 父级div定义overflow:hidden3. 父级div定义overflow:auto。4. 结尾处加空div标签clear:both5. 结尾处加br标签cl原创 2022-01-09 23:39:33 · 1450 阅读 · 0 评论 -
Doctype作用? 严格模式与混杂模式如何区分?
作用: <!DOCTYPE>,文档声明;用于告知浏览器该以何种版本规范来渲染文档.严格模式和混杂模式的区别:严格模式:页面排版及 JS 解析是以该浏览器支持的最高标准来H5版本规范执行混杂模式:不严格按照标准执行,主要用来兼容旧的浏览器,向后兼容,当页面没有文档声明时,页面会以混杂模式呈现...原创 2022-01-09 23:34:40 · 319 阅读 · 0 评论 -
什么叫CSS盒模型?有哪几种盒模型?有什么区别?box-sizing属性有什么用?
什么是CSS盒模型?在我们的HTML页面中,每一个元素都可以被看成一个盒子,而这个盒子由:内容(content)、内边距(padding)、边框(border)、外边距(margin) 四部分组成.有哪几种盒模型?对于盒模型,分为标准盒模型和怪异盒模型两种.有什么区别?标准(W3C)盒模型的范围包括margin、border、padding、content,并且设置的宽高只包含content,不包含(padding+border)其他部分怪异(IE)盒模型的范围包括margin、border原创 2022-01-09 23:32:17 · 767 阅读 · 0 评论 -
页面导入样式,使用link和@import有什么区别?
链接式和导入式有什么区别(链接式,导入式,内嵌式,行内)1.从属关系:link是html标签,@import是css提供的.2.加载差异:页面加载时,link会同时加载;而@import会在html结构完成后加载.3.兼容性:link(是标签)没有兼容问题,@import不兼容ie5以下的浏览器.4.可操作性:link可以通过js操作dom(盗墓 文档对象模型)插入link标签改变样式,而@import不能...原创 2022-01-09 23:28:30 · 563 阅读 · 0 评论 -
什么是BFC
1、BFC是什么块级格式化上下文,是一种独立的渲染区域2、原理内部的box是垂直排列、BFC元素的垂直方向外间距是由margin决定、BFC是页面上独立的容器内部元素和外部元素不会相互影响、BFC的元素不会和float区域的元素重叠、计算BFC的高度时也会将浮动元素高度计算在内3、触发BFC浮动元素:除了none以外的值定位元素:position:absilute;position:fixed;display :inline-block table-cell table-capt原创 2021-12-31 00:53:38 · 116 阅读 · 0 评论