qq_36291960的博客

31.zoom:1 的清除浮动原理?清除浮动，触发hasLayout；zoom属性是IE浏览器的专有属性，它可以设置或检索对象的缩放比例。解决ie下比较奇葩的bug。譬如外边距（margin）的重叠，浮动清除，触发ie的haslayout属性等。来龙去脉大概如下：当设置了zoom的值之后，所设置的元素就会就会扩大或者缩小，高度宽度就会重新计算了，这里一旦改变zoom值时其实也会发生重新渲染，运用这个原理，也就解决了ie下子元素浮动时候父元素不随着自动扩大的问题。zoom属性是IE浏览器的专有属性，

21.CSS 里的 visibility 属性有个 collapse 属性值是干嘛用的？在不同浏览器下以后什么区别？（1）对于一般的元素，它的表现跟visibility：hidden;是一样的。元素是不可见的，但此时仍占用页面空间。（2）但例外的是，如果这个元素是table相关的元素，例如table行，tablegroup，table列，tablecolumngroup，它的表现却跟display:none一样，也就是说，它们占用的空间也会释放。在不同浏览器下的区别：在谷歌浏览器里，使用colla

1.锐角三角形原理：将块元素分成四部分，然后需要哪边哪边solid，其他边均为transparent#demo { width: 0; height: 0; border: 10px solid transparent; border-left-color: red; }上面的边框颜色顺序为上、右、下、左，然后如果想要哪一边保留的话，那么就让那一边出现颜色2.直角三角形总体上分成两块，需要哪两边，就把哪两边拿出来加上颜

CSS 面试知识点总结最近在整理 CSS 的时候发现遇到了很多面试中常见的面试题，本部分主要原作者在 Github 等各大论坛收录的 CSS 相关知识和一些相关面试题时所做的笔记，分享这份总结给大家，对大家对 CSS 的可以来一次全方位的检漏和排查，感谢原作者 CavsZhouyou 的付出，原文链接放在文章最下方，如果出现错误，希望大家共同指出！作者：CavsZhouyouhttps://github.com/CavsZhouyou/Front-End-Interview-Notebook/blob/

1.ErrorError 是最基本的错误类型，其他的错误类型都继承自该类型。Error 对象主要有两个重要属性 message 和 name 分别表示错误信息和错误名称。程序运行过程中抛出的异常一般都有具体的类型，Error 类型一般都是开发人员自己抛出的异常。2.SyntaxError - 语法错误语法错误也称为解析错误。语法错误在任何编程语言中都是最常见的错误类型，表示不符合编程语言的语法规范。JavaScript 是一门解释性语言，执行一段代码时需要经历 词法分析 -> 语法分析 -&

js为什么有的方法前要加return，有的不用？1 方法需要返回值2 需要停止执行后面的代码3 不需要提交或跳转的时候如果仍然不理解的话，那就在脑袋里构思两种情况：1.不加return 函数仅仅对某个事件进行处理，不给出返回值，表象上像是没有进行运行一样，通过console.log或者alert来打印，控制台和屏幕上没反应2.加return 函数运行过后，通过console.log或者alert，会有具体的显示，能够表明函数运行过加return和不加return的区别;1.

1.JS中let和const有什么用？在现代js中，let＆const是创建变量的不同方式。在早期的js中，咱们使用var关键字来创建变量。 let＆const关键字是在ES6版本中引入的，其目的是在js中创建两种不同类型的变量，一种是不可变的，另一种是可变的。const:它用于创建一个不可变变量。不可变变量是指其值在程序的整个生命周期中永不改变的变量。let: let用于创建一个可变变量，可变变量是像var这样的普通变量，可以任意次数地更改。JS 中的主要有哪几类错误JS有三类的错误:加载

他娘的，这是个好东西呀！得仔细琢磨琢磨

offset只读属性，返回一个元素的布局宽度或高度offsetwidth 宽度：width + padding + border + scrollbar（如果横向滚动条存在）offsetheight 高度：height + padding + border + scrollbar（如果纵向滚动条存在）相对于父元素来说的。当前元素为div，它的offsetParent 返回body。那么div元素的offsetLeft 和 offsetTop值就是左上角相对于offsetParent

移动端布局方式大体分为两种，第一种是重新根据手机屏幕建立新的页面，第二种是将原来pc端页面变成响应式的（通过媒体查询，根据屏幕大小来改变内容大小及布局）一、新创建1.流式布局 百分比布局 对盒子给一个宽度的百分比，当屏幕大小变化，始终占满屏幕，也称百分比布局（字体不会变化，盒子高度也是固定的）2.flex布局 给父元素display:flex，自己flex：1，如果给其他数，占的地方更大（字体不会变化，高度也是固定的）3.rem布局 通过媒体查询，对html的font-

MD，遇到最多的问题就是路径的问题！！！所以，踏踏实实的创建一个vscode，然后在里面创建code文件夹（自己的代码），然后再创建node，然后再创建git，然后再创建等等你需要的文件，总之，要有条理！！！要能找到！！！要在这个环境下！！！...

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。1.伪元素伪元素主要有：e:first-letter/e::first-lettere:first-line/e::first-linee:before/e::beforee:after/e::aftere::placeholdere::selection2.伪类伪类主要有：e:linke:visitede:hovere

移动端布局方式大体分为两种，第一种是重新根据手机屏幕建立新的页面，第二种是将原来pc端页面变成响应式的（通过媒体查询，根据屏幕大小来改变内容大小及布局）一、重新创建1.流式布局 百分比布局 对盒子给一个宽度的百分比，当屏幕大小变化，始终占满屏幕，也称百分比布局（字体不会变化，盒子高度也是固定的）2.flex布局 给父元素display:flex，自己flex：1，如果给其他数，占的地方更大（字体不会变化，高度也是固定的）3.rem布局 通过媒体查询，对html的font

1.通过verticle-align:middle实现CSS垂直居中。通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：inline-block。（补充一下：text-align:center 水平方向）2.通过line-height实现CSS垂直居中。设置子元素的line-height值等于父元素的height，这种方法适用于子元素为单行文本的情况。3.通过display:flex实现CS