面试题总结记录（2）

1.什么是盒子模型？

在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的边距（padding），元素的边框（border），元素的外边距（margin），四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，有的部分只用来分割相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

2.盒子模型和怪异盒子模型？

盒子模型：width+padding*2+border*2

怪异盒子模型：就是你当前设置的宽度 （怪异盒模型是向内扩展）

3.谈一谈你对CSS盒模型的认识？

content就是内容区域，padding是内边距，margin是外边距

标准盒子模型中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。

IE盒子模型中，width 和 height 指的是内容区域+border+padding的宽度和高度

4.行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

行内元素：a、b、span、img、input、strong、select、label、em、button、 textarea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img

5.元素居中的方法？

margin        auto

text-align    center

定位

弹性盒justify-content center

6.简述一下src与href的区别？

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。

src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置，

在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

7.简述同步和异步的区别

同步是阻塞模式，异步是非阻塞模式。

同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；

异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。

8.px和em的区别

px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。

浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em

9.浏览器的内核分别是什么?

IE: trident内核

Firefox：gecko内核

Safari：webkit内核

Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核

Chrome：Blink(基于webkit，Google与Opera Software共同开发)

10.请描述一下cookies，sessionStorage和localStorage的区别

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。内存5兆，不需要服务器环境。前端设置。

localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。内存5兆，不需要服务器环境。前端设置。

cookies 内存4k 需要服务器环境 可以设置过期时间，不设置默认24小时，cookies是前后端都可以设置，

web storage和cookie的区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。

除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

11.javascript的typeof返回哪些数据类型？

未定义：undefined

字符串：string

布尔：boolean

数字：number

对象：object

空：null

函数：function

12.例举几种强制类型转换和隐式类型转换？

强制：

  number 数字类型

  string 字符串类型

  parseInt 数字类型

隐式：

  加法 数字类型

  比较 数字类型

13.split（） join（）的区别?

split（）用于分割字符串，返回一个数组。

join（）将数组转换成数组，返回字符串。

常用的字符串的方法，charAt（）通过下标查找指定字符

    indexOf（）通过字符找到对应下标，找到后返回下标，找不 到返回-1

      slice（）字符串的截取，返回截取后的字符串。

      substring()字符串的截取，返回截取的字符串。  substring()和slice()的区别？

slice的参数可以为负数，起始位置是不能大于结束位置的。

substring的参数必须为正数，起始位置可以大于结束位置，它会自动把两个位置调换