JS30紀錄 19-Webcam Fun

發表於 2018-01-09 更新於 2019-06-14 分類於程式技術筆記 Disqus：

目標

練習操作 Webcam 攝像頭，將攝像頭影像投射到 Video 上，並利用 canvas 來擷取圖片，練習濾鏡的操作。

JS30紀錄 18-Adding Up Times With Reduce

發表於 2018-01-07 更新於 2019-06-14 分類於程式技術筆記 Disqus：

目標

計算列表中的 dataset 時間的總和，在 console 輸出時、分、秒的數據，此篇需要搭配 console 觀看

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Videos</title>
</head>
<body>
  <ul class="videos">
    <li data-time="5:43">
      Video 1
    </li>
    <li data-time="2:33">
      Video 2
    </li>
    <!-- 以下省略... -->
  </ul>
</body>
</html>

閱讀全文 »

JS30紀錄 17-Sort Without Articles

發表於 2018-01-07 更新於 2019-06-14 分類於程式技術筆記 Disqus：

目標

文章的排序，排除量詞等不必要的詞彙，再來排序，例如原本資料為

const bands = ['The Plot in You', 'The Devil Wears Prada', 'Pierce the Veil', 'Norma Jean', 'The Bled', 'Say Anything', 'The Midway State', 'We Came as Romans', 'Counterparts', 'Oh, Sleeper', 'A Skylit Drive', 'Anywhere But Here', 'An Old Dog'];