js中容易出错的问题

判断数据类型

1、运用typeof（）函数
typeof()返回类型如下
1、number型 console.log(typeof(NaN)); // “number”
2、string型 var a = “123abc”; console.log(typeof(a + “”))//“string”
3、boolean型 console.log(typeof(!!a)); //boolean
** boolean型 在判断语句中（任何表达式的返回结果都是boolean型）
4、undefined型 console.log(typeof(undefined));//“undefined”
- console.log(a)//程序会报错
- console.log(a)//undefined var a=1;
5、object型 console.log(typeof(null)); // “object”
6、function型 function test(){
}console.log(typeof test)//“function”

css属性就算过程

1、确定声明（程序员声明的和浏览器声明不同的，先把程序员声明的提炼出来）
2、层叠冲突（程序员写了，浏览器中也有的，由程序员决定 如果仍然冲突则进行权重的计算）
权重计算如下：

• 比较重要性（从高到低）
  1、作者样式表中的！import样式是最高级（IE浏览器底版不支持）
  2、作者样式表中的普通样式
  3、浏览器默认样式表中的样式
• 计算优先级的方式（优先级有四位数表示）
  1、千位：作者样式表中的！import
  2、百位：id选择器
  3、千位：类、伪类、属性
  4、个位：元素、伪元素

  display常用的属性值

  1、display：inline 生成一个或多个内联元素框。（他们在一行排列，且他们的宽度由内容撑开）
  2、display：inline-block 不独立成行且可以设置宽高
  3、display：none 可以隐藏元素并且隐藏的元素不占据常规流的位置
  4、display：block 可以将隐藏的元素显示出来，并且还可以设置元素宽高。