初级前端面试题（更新中）

一、html+css
1、css 实现元素水平垂直居中

1.1绝对定位（已知宽高）

		width:100px;
		height： 100px;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -50px; /*宽度一半*/
		margin-top: -50px;/*高度一半*/

1.2未知高度

	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%)

1.3实现绝对定位居中

 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 margin:auto;

1.4 flex弹性盒子

display: flex;
justify-content: center;
align-items:center;

1.5 水平居中 + 垂直居中

text-align: center;
vertical-align:middle;
line-height: 与高度一致;

2、position 属性

relative: 表示相对定位，相对于自身所在位置；
absolute: 相对于父级，父级元素应设置 position：relative;
fixed ：用于生成绝对定位，相对于浏览器窗口
sticky: 生成粘性定位，容器的位置根据正常的文档流计算；

3、css 选择器有哪些

id 选择器（#id）
类选择器(.class)
标签选择器 (div,p)
相邻选择器 (h1+p)
子选择器 (ul>li)

4、css 的哪些样式可以继承

可以继承： font-size、font-family、color、
不可继承：border、padding、margin、width、

5、css 优先级

!important > style(内联) > id > class > 标签 

6、display 有哪些属性

block ; 块类型 默认宽度为父级宽度，换行显示，可设置宽高
none; 元素不显示
inline; 行内元素 ，不可设置宽高
inline-block  同行显示 可设置宽高

7、块元素和行内元素的区别

块元素的前后都会自动换行，独占一行
行内元素可与其他行内元素同位一行，不能设置宽高

8、实现左侧固定，右侧自适应
9、如何给元素设置透明度
rgba()
opacity
二、javascript
1、数据类型
1.1基本类型
字符串 string
数字 number
布尔 boolean
空 null
未定义 undefined
symbol 独一无二的值
1.2引用类型
对象 object
数组 array
函数 function
2、判断js类型的方式
typeof 可检测出 string、number、boolean、undefined、symbol、判断 数组和对象时均为object
instanceof 识别具体是那种引用类型
3、js 中 == 和 === 区别
对于string和number等基础类型 == 和 === 有区别
== 比较转化成同一类后的值是否相等
=== 比较同类型且值相等
4、es6 新特性
let、const
5、ajax 请求时 get 和 post 的区别
6、数组对象有哪些原生方法
合并数组 concat 不改变原数组
将数组用标识符拼接成字符串 join 不改变原数组
用于查找某元素的位置 indexof
截取数组 slice 返回剪裁后的数组，不改变原数组
插入,删除或替换 splice
7、字符串方法
indexof
split 把字符串按分隔符分割成数组
substring 截取字符串
8、普通函数和箭头函数的区别
三 vue框架
1、v-show 和 v-if 区别