每日思考（2020/08/24）

题目概览

• 描述下元素的href和src有什么区别
• CSS的伪类和伪对象有什么不同
• null和undefined的区别是什么

题目解答

描述下元素的href和src有什么区别

• 概念不同：href用于在当前文档和引用资源之间确立联系，src用于将资源替换当前元素
• 解析方式不同：href解析时，会并行下载资源且不会停止当前文档处理，src解析时，会暂停当前文档处理
• 属性值：href 的属性值是链接，是链接的目标，src 属性值是文件的路径或地址，是引用资源
• 参考文章：url、href、src 详解

CSS的伪类和伪元素有什么不同

• 伪类是给当前选中节点添加新样式，控制元素的行为（:hover, :active, :visited, :focus），当在某个行为下这个元素会呈现什么样式，伪类选择器使用：
• 伪元素是给当前选中节点添加伪元素，是一个原本不存在 DOM 上的元素（::before, ::after），必须要设置 content 属性才会生效，伪元素选择器使用::

null和undefined的区别是什么

• 概念方面：undefined一般是简单数据类型,表示此处应该有个值,但是当前尚未赋值；null一般是复杂数据类型,表示不存在
• 用途方面：undefined:返回执行之后无返回值/ 获取对象不存在的属性值；null原型链的最顶部的不存在对象
• 部分运算
  • es6 的结构与函数默认值，只有 undefined 可设默认值，null 不能
  • +null 为 0，+undefined 为 NaN
  • JSON.stringify(undefined) 为 undefined，JSON.stringify(null) 为 'null'
  • JSON.stringify({a:undefined}) 为 '{}'，JSON.stringify({a:null}) 为 '{"a":null}'
  • typeof null 为 'object'，typeof undefined 为 'undefined'
• 参考文档：null、undefined