每日思考（2020/07/09）

题目概览

• video和audio分别支持哪些格式？
• 怎么改变选中文本的文字颜色和背景色？
• 写一个字符串重复的repeat函数
• 二维码的原理

题目解答

video和audio分别支持哪些格式？

• video

  <video src="movie.ogg" controls="controls">
  	您的浏览器不支持 video 标签。
  </video>
  

  • Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

  • MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

  • WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

• audio

  <audio src="song.ogg" controls="controls">
  	Your browser does not support the audio tag.
  </audio>
  

  	IE 9	Firefox 3.5	Opera 10.5	Chrome 3.0	Safari 3.0
  Ogg Vorbis		√	√	√
  MP3	√			√	√
  Wav		√	√		√

怎么改变选中文本的文字颜色和背景色？

::selection {
	background-color: #222;
	color: white;
}

写一个字符串重复的repeat函数

/**
 * repeat 重复字符串方法
 * @param {string} str :字符串
 * @param {number} n：重复次数
 * @return {string}
 */
function repeat(str,n){
    let isString = typeof(str) === 'string';
    let result = '';
    if(!type){
        return 'Type Error'
    }
    if (typeof String.prototype.repeat === 'function') {
      return str.repeat(n); //ES6自带语法
    }
    for (let index = 0; index < n; index++) {
        result += str;
    }
    return result
}
let reStr = repeat('adcd',3);
console.log(reStr); //adcdadcdadcd

/**
 * repeat 重复字符串方法
 * @param {string} str :字符串
 * @param {number} n：重复次数
 * @return {string}
 */
function repeat(str,n){
    let isString = typeof(str) === 'string';
    if(isString){
        return (new Array(n+1)).join(str);
    }
    return 'Type Error'
}
let reStr = repeat('adcd',3);
console.log(reStr); //adcdadcdadcd

二维码的原理

• 原理：是二进制运算，总的来说，二维码利用二进制的的0和1作为代码，同时使用若干个与二进制相对应的几何形体表示文字数值信息。使用代表正方形的黑白格来记录信息，并且可以在水平和竖直方向上进行编码
• 前端生成：通过QRCode.js 生成二维码，文档链接