Good Good Study Day Day Up - 2020-12-08

FORMAT-qi commented 3 years ago

[html]说说你对H5媒体捕获的理解，它有什么用途？
[css]css变量有哪些浏览器支持？
[js]js最大支持多少长度的数组？为什么？
[软技能]你平时喜欢看书吗？电子书还是实体书？为什么？

Minor5 commented 3 years ago

1️⃣ [html] H5播放的video视频，如何实现对视频截图？ 2️⃣ [css] 你是如何检查css语法是否正确的？有哪些方法？ 3️⃣ [js] 为什么js里定义的数组可以不定长且数据类型可以不固定呢？ 4️⃣ [软技能] 谈下你对裸职的看法

Minor5 commented 3 years ago

1、利用canvans进行截图

window.onload = function () {
  var button = document.querySelectorAll('.screen')[0];
  var video = document.querySelectorAll('video')[0];
  var canvas = document.querySelectorAll('canvas')[0];
  var ctx = canvas.getContext('2d');
  var width = 480;
  var height = 270;

  canvas.width = width;
  canvas.height = height;

  video.src = 'video/temp.mp4?t=' + new Date().getTime();
  video.width = width;
  video.height = height;
  video.controls = true;
  video.autoplay = true;
  video.loop = true;

  button.onclick = function () {
    ctx.drawImage(video, 0, 0, width, height);  // 将video中的数据绘制到canvas里
  };
};

2、csslint、stylelint等等

t86 / good-good-study-day-day-up

Good Good Study Day Day Up - 2020-12-08 #16