常见前端实习面试题（一）

常见前端实习面试题（一）

更多内容关注微信公众号“前端阿章”~

1. 块级元素和行内元素的比较

1. 块级元素独占一行
2. 块级元素可以设置宽高，上下margin和padding
3. 块级元素可以包裹行内元素

2. 闭包

定义：如果一个函数的返回值是匿名函数，并且此匿名函数调用了外部函数的变量且在外部调用了这个匿名函数，就形成了闭包

好处

1. 变量会长时间存储在内存中
2. 避免全局污染
3. 私有属性存在

坏处

1. 使用过多会造成内存使用过多
2. 有可能造成内存泄露

3. bootstrap的栅格布局为什么是12格

因为12是1、2、3、4、6的最小公倍数

4. 文档结构DOCTYPE的含义

告诉浏览器该文档是用哪个版本的html写的

5. session和cookie的区别

1. session存储在服务器中，cookie存储在浏览器
2. cookie的单个存储大小为4kb，最多200个左右，session无限制
3. 考虑安全用session，考虑性能用cookie

6. get和post的区别

1. get的传输数据存放在url上，post存放在请求体中(所以post请求比get请求更加安全)
2. get请求受url长度限制，所以存放的传输数据是少量的
3. get请求的执行效率更高（get请求是表单默认提交方式）

7. 除了get和post还有什么请求方式

1. OPTIONS(返回服务器支持的http方法)
2. HEAD(只返回响应头部，不返回页面内容)
3. PUT
4. DELETE

8. js的数据类型

基础数据类型：

1. string
2. number
3. boolean
4. undefined
5. null
6. symbol(es6新增)

复杂数据类型：

1. Object

9. 项目结构目录

1. build
2. config
3. node_modules
4. src
5. static
6. .babelrc
7. .editorconfig
8. .ignore
9. .postsccss.js
10. index.html
11. package.json
12. package-lock.json
13. README.md

10. div居中

1. position + margin

.father{
    position: relative;
}
div{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
}

2. position + trnsform

.father{
    position: relative;
}
div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

3. flex

.father{
    display: flex;
    justify-content: center;
    align-items: center;
}
div{}

更多内容关注微信公众号“前端阿章”~