每日思考(2020/01/02)

题目概览

  • 对GBK和UTF-8的理解
  • 对z-index的理解
  • bind、call、apply的区别?

题目解答

对GBK和UTF-8的理解

  • 含义

    • GBK编码:是指中国的中文字符,其它它包含了简体中文与繁体中文字符,另外还有一种字符“gb2312”,这种字符仅能存储简体中文字符
    • UTF-8编码:它是一种全国家通过的一种编码,如果你的网站涉及到多个国家的语言,那么建议你选择UTF-8编码
  • 区别

    • UTF8编码格式很强大,支持所有国家的语言,正是因为它的强大,才会导致它占用的空间大小要比GBK大,对于网站打开速度而言,也是有一定影响的
    • GBK编码格式,它的功能少,仅限于中文字符,当然它所占用的空间大小会随着它的功能而减少,打开网页的速度比较快
  • 网页乱码

    • 如果网页源代码是gbk编写的,而内容中的文字是utf-8的,那么,此时打开浏览器就会出现HTML乱码。反之也会出现乱码。解决办法是使用专业的编辑软件进行HTML网页的编写。例如,尽量不要直接使用记事本进行编写

    • HTML网页编码是gbk,但是程序从程序库中调出呈现的是utf-8编码的内容也会造成编码乱码。此时,程序查询数据库数据显示数据进行转码即可

      mysql_query("SET NAMES 'UTF-8'") //将查询数据转码为UTF-8
    • 浏览器不能自动检测网页编码,造成网页乱码,解决办法是网页加入meta charset编码标签

对z-index的理解

  • 取值

    /* 字符值 */
    z-index: auto;
    
    /* 整数值 */
    z-index: 0;
    z-index: 3;
    z-index: 289;
    z-index: -1;/* 使用负值降低优先级 */
    
    /* 全局值 */
    z-index: inherit;
    z-index: initial;
    z-index: unset;
  • 特性

    • 支持负值

    • 支持css3 animation动画

      @keyframes zIndex{
          0% {z-index:-1;}
          100% {z-index:51;}
      }
    • 两个div,无设置定位(z-index设置与否都是失效的)或者两个都已定位元素且z-index相同,层级关系按照文档流的顺序显示,后面的覆盖前面的

    • 如果两个元素都没有设置z-index,使用默认值auto,一个定位一个没有定位,那么定位元素覆盖未定位元素

    • 如果父元素z-index有效,那么子元素无论是否设置z-index都和父元素一致,在父元素上方

    • 如果父元素z-index失效(未定位或者使用默认值),那么定位子元素的z-index设置生效

你可能感兴趣的:(每日思考(2020/01/02))