2020-12-14

矫情吗；* 2022-12-28 06:16 4阅读 0赞

## js面试题 每天十道面试题只第 1 天 ##

**题1：HTML如何进行 SEO**  
答案： SEO（搜索引擎优化）让网页在搜索引擎中排到前面的技术  
1、适用的使用语义化标签  
2、让页面结构尽量简洁清晰  
3、使用TDK标签（T：title D：description K：keywords）

**题2：GET 和 POST 两种提交表单方式的区别？应用场景？**  
答案：  
区别：1、GET 方式提交时，数据是通过URL地址上提交的,POST方式提交时，数据是看不到的  
2、GET方式提交的数据量比较小，POST可以一次提交较大的数据量  
3、GET方式不能上传文件，POST方式可以上传文件  
应用场景：  
1、GET：搜索时的表单  
2、POST：添加、修改、登录、注册等等

**题3：块级标签默认的宽度是多少？**  
答案：独占一行，有内容时，宽度是100%，没有内容时，宽度是0

**题4：如何清除浮动**  
答案：1、设置父元素：overflow:hidden  
2、添加一个空的div，并设置为clear:both  
3、伪类清除浮动

.clear:after{ 
      content: "",
      display: "block",
      clear: both
    }

**题5：CSS 隐藏一个元素有几种办法？**  
答案：1、display:none （不占位）  
2、visibilty:hidden（占位）  
3、opacity：0 （占位）  
4、定位到屏幕外面

position: relative;
    left: -200

**题6：如何让一个盒子水平垂直居中？**  
答案：定位+平移

.box { 
    //让盒子的左上角居中
    position: absolute;
    left: 50%;
    top: 50%;
    //向上、左平移自身的50%
    transform: translate(-50%,-50%)
    }

**题7：行级元素、块级元素、行级块元素分别有什么特点？如何使用display来设置？**

答案：display:block; 块级元素
               display:inline; 行级元素
               display:inline-block; 行级块元素
               display:none;隐藏，不占位
               display: flex; flex布局

**题8：position 属性有几个值？分别的特点是什么？**  
答案：static（默认，静态定位）：正常文档流，从上向下，从左向右，依次显示。  
absolute（绝对）：脱离文档流（飞起来）。可以left、top、bottom、right来设置坐标定位。定位进去先找它上级中的相对定位元素，如果有就相对这个元素定位。如果上级没有相对定位的元素，那么它就相对于浏览器的边缘定位。  
relative（相对）：不脱离文档流（原位置保留）可以left、top、bottom、right来设置坐标。定位是相对于它原来文档流中的位置定位。  
fixed（固定）：脱离文档流（飞起来）可以left、top、bottom、right来设置坐标定位。它就相对于浏览器的边缘定位。不会随页面滚动而滚动，定在屏幕上不动。

**题9：CSS3中有哪些新特性，对应的属性名称是什么**  
答案：动画（animation）、过渡（transition）、转换（transform）、阴影（box-shadow）、弧度（border-radius）、渐变色、flex布局等

题10：什么是外边距合并？  
答案：1、上下两个标签的margin会合并成最大的值。比如：上面div向下外边距50px，下面的div向上外边距10px，最后两个元素的外边距为50px（合并成大的，不是60px）  
2、父子元素，子元素的向上外边距会被合并加到父元素的上外边距