每日思考（2020/08/25）

题目概览

• 对ISISO8859-2字符集的认识
• 移动端的布局如何使用媒体查询

• 为什么`{}+ [] === 0`为`true`
  

题目解答

对ISISO8859-2字符集的认识

• ISO/IEC 8859-1，又称Latin-1或“西欧语言”，ISO/IEC 8859-2 Latin-2或“中欧语言”，是国际标准化组织内ISO/IEC 8859的8位字符集。它以ASCII为基础，在空置的0xA0-0xFF的范围内，加入192个字母及符号，藉以供使用变音符号的拉丁字母语言使用

• 它不是 UTF-8，但它兼容 UTF-8，是 UTF-8 的子集。js一般使用utf-8字符集，建议使用unicode码表示

移动端的布局如何使用媒体查询

• 语法

  @media [type] and [condition] … not [condition] { … }
  @media [condition] and/or/not [condition] … { …}
  /*
  type = "all" | "print" | "screen" | "speech"
  condition = equality | comparison
  equality = name ":" value
  comparison = name ("<"|">")? "="? value
  name = <CSS property name>
  value = <CSS property value>
  */
  

• 举例

  body{height: 60vh;}
  @media(max-500px) {
    body{background-color: #000;}
  }
  @media(min-501px) and (max-900px) {
    body{background-color: #f00;}
  }
  @media(min-901px){
    body{background-color: #0f0;}
  }
  

  bg_image($star)
  background-image:url('../images/stars/'+$star+'@2x.png')
  @media only screen and (-webkit-device-pixel-ratio:3 )
  background-image:url('../images/stars/'+$star+'@3x.png')
  

为什么{}+ [] === 0为true

// {} 是空语句块而非空对象,放在前面，只有混淆作用，并不参与运算
{} + [] === 0
+[] === 0
0 === 0
true

//注意：console.log的（）把{}解析成一个对象了
{} + {} => '[object Object][object Object]'