css+js提问

文章目录

• • [1. css部分](#1. css部分)
  • • • • 隐藏元素的几种方式
  • [2. js部分](#2. js部分)

1. css部分

隐藏元素的几种方式

• overflow: hidden;
• display: none
• opacity: 0
• position：top和left设置成足够大的负数
• visibility: hidden
• 设置height，width等盒模型属性为0

2. 盒子模型

   • 标准盒子模型：总宽度/高度包括了边框、内填充和外边距。box-sizing: content-box;
   • css3盒子模型：总宽度/高度只包括边框和内填充，不包括外边距。box-sizing: border-box;

3. flex布局属性有哪些？有什么作用？
   flex总结

4. 定位/（绝对定位和固定定位相同点、不同点）
   

5. 清除浮动几种方式？清除浮动的本质？

• 清除浮动的本质：

  • 本质:清除浮动带来的影响；

  • 如果付盒子本身有高度，则不需要清除浮动；

  • 清除浮动后，父级盒子就会根据子级盒子自动检测高度。父级有了高度，就不会影响下面的标准流了

• 清除浮动的四种方式：

  1. 额外标签法：

​ 在最后一个添加浮动的标签后面添加一个元素，并给这个元素设置 clear: both;

​ 2. 父级盒子添加 overflow: hidden;

​ 3. 父级盒子::after

.clearfix::after{
	content:'';
	display:block;
	height:0;
	clear:both;
	visible:hidden;
}
.clearfix{
    *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
}

​ 4. 父级添加双伪元素

2. js部分

1. 数组、对象的遍历方式？

   • 对象

     • for in循环（数组也可以用它遍历，但是有问题，可以遍历到我们自己在数组原型对象上添加的方法）
       for in 循环是循环可枚举的(enumerable )对象属性，不含Symbol属性
     • Object.keys，Object.values() 返回一个数组，可枚举的属性但是不含Symbol属性
     • Object.getOwnPropertyNames(obj) 返回一个数组，返回的是key有点跟Object.keys有点像 但是可以遍历不可枚举的属性。（symbol还是不能被遍历到）
     • Reflect.ownKeys(obj) 返回对象所有属性，任何自身属性都可以返回包括不可枚举还是symbol。
     • 后两个暂时不知道也行，不常用。

   • 数组

     • for循环
       基本for循环（有个优化版本，因为正常每次都需要去取一下数组的length，所以需要提前存一下数组的length值。）
     • for of循环
       for...of 允许遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构（不能遍历对象）
     • forEach（循环时对每一项产生了一个回调函数）
       forEach默认没有返回结果，是一个undefined，所以它会修改原数组的值
     • map循环（也是针对每一项产生一个回调）
       他跟forEach区别在于是有返回值的，返回一个新的数组

2. 数据类型有哪几种？基本数据类型是哪几种？引用数据类型是哪几种？

   • 基本数据类型：Undefined、Null、Boolean、Number、String。

   • 非基本数据类型：Object、Symbol、BigInt。（后两个暂时不知道也行，后面会学）

3. 事件绑定方式有哪些？鼠标事件、键盘事件有哪些？

   • dom.onclick = function( ... ){ ... };

   • addEventListener：可以 绑定多种事件，不会覆盖绑定事件

     btn.addEventListener("click",function( ... ){ ... },false)

   • 作为dom属性绑定