最近的面试题（一）

把最近遇到的面试题整理出来

• 行级元素和块级元素的区别
  1.行级元素不能设置宽高，不能单成一行，块级元素有宽高，单成一行。(我只答了这一条。。sad)
  2.块级元素可以包含行级元素，行级元素不可以包含块级元素
  3.还有margin和padding的区别，行级元素margin只能设置左右，padding可以设置右下左。

• 元素的盒模型
  元素可以看成是一个盒子，由四部分组成，content，padding,border,margin

• html的全局属性（参照文档）
  http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

• 各种居中

• css有哪些选择器，优先级是怎样的
  id选择器、class选择器、标签选择器、属性、伪类、后代、子代、分组 、伪元素。。。常用的选择器，id选择器算100的话，类选择器是10，标签选择器是1。

• 怎么自定义属性，有没有在项目里用过
  js方法setAttribute和getAttribute，jQuery里用.attr，一个参数是获取属性，两个参数是设置属性，自定义属性常用data-开头。
  关于他的应用1.匹配对应关系，设置相同的属性来控制，像轮播图里的index。2.相当于开关的切换，参照文章https://www.cnblogs.com/jnslove/p/5296823.html

• 怎么实现动画
  现在想想或许面试官是这个意思吧
  1.通过transition设置过渡，再通过transfrom设置形状效果
  2.直接利用animation属性设置效果
  我当时答的是1.利用animation属性 2.用keyframes定义动画。3.后来还答了利用jquery的方法实现效果

• 什么是变量提升
  函数及变量的声明都将被提升到最顶部，所以在代码里看起来的话可以是先使用后声明。

• jQuery里检测DOM树是否加载完用什么方法，原理？
  用$(doument).ready(),与他类似的是window.onload()，ready是在DOM结构加载完之后才执行，后者是DOM结构和包括图片等元素都加载完再执行，ready在onload前执行。
  原理可以看源码也可以参照这篇文章http://www.cnblogs.com/a546558309/p/3478344.html

• 判断相等的方法（字符串）
  可以用或者=，==要求值相等，类型可以不相等，===是恒等