前端開發日報：canvas獲取video縮略圖和JS 模塊化

一、應用canvas獲取video的縮略圖

發佈視頻時候，常常須要上傳同時上傳視頻的縮略圖，近日，應產品經理的的要求，須要作一個發佈視頻動態的功能，我第一反應就想到了H5的標籤vidio和canvas，在這裏記錄下我完成該功能的過程： 首先，總體思路是建立一個vidio，而後建立一個canvas和一個畫筆，調用畫筆的drawImage方法，將vidio做爲參數，就會畫出該視頻的縮略圖。

https://segmentfault.com/a/11...

二、MVVM開發總結——vue組件（你所須要知道的）

隨着模塊化開發的理念愈來愈被開發者所重視，如何快速高效的開發項目成爲了開發中所要注意的重點。在vue.js中組件系統做爲一個重要的概念，它提供的組件能夠獨立、重複的使用來構建大型的應用。組件能夠擴展HTML元素，封裝可重用的HTML代碼，咱們能夠將組件看做自定義的HTML元素。

https://juejin.im/post/59a4bc...

三、明白 JS 模塊化

模塊化就是將一個大的功能拆分爲多個塊，每個塊都是獨立的，你不須要去擔憂污染全局變量，命名衝突什麼的。 那麼模塊化的好處也就顯然易見了 解決命名衝突 依賴管理 代碼更加可讀 提升複用性

https://juejin.im/post/59a575...

四、Node.JS循環遞歸複製文件夾目錄及其子文件夾下的全部文件

在Node.js中，要實現目錄文件夾的循環遞歸複製也很是簡單，使用fs模塊便可，僅需幾行，並且性能也不錯，咱們先來實現文件的複製

http://ourjs.com/detail/59a53...

五、30 多年的軟件經驗，總結出 10 個編寫出更好代碼的技巧

　　好代碼能夠定義爲易讀、易懂、易調試、易改，最重要的還要少缺陷。顯然，要想敲出一手好代碼，是要花很多時間，但這在長久來看是有意義的，由於你能夠花更少時間及精力去維護和複用你的代碼。 　　事實上，咱們能夠將好代碼等同於可複用的代碼，這也是下面提到的重要原則之一。代碼可能只是完成了編程工做中短時間目標的特定功能，但若是沒人（包括你本身）願意複用你的代碼，這代碼在某種程度上能夠說是不足且有缺陷的。要麼太複雜、要麼太具體、要麼在不一樣狀況下極有可能崩掉，或者其餘程序員可能不相信你的代碼。

http://geek.csdn.net/news/det...

六、Nodejs 進階：使用 DiffieHellman 密鑰交換算法

Diffie-Hellman（簡稱DH）是密鑰交換算法之一，它的做用是保證通訊雙方在非安全的信道中安全地交換密鑰。目前DH最重要的應用場景之一，就是在HTTPS的握手階段，客戶端、服務端利用DH算法交換對稱密鑰。 下面會先簡單介紹DH的數理基礎，而後舉例說明如何在nodejs中使用DH相關的API。

https://segmentfault.com/a/11...

喜歡這篇文章的朋友，歡迎關注、收藏、分享、評論，幫我上熱門，你的支持，是我每日更新的動力！
喜歡前端的朋友能夠點擊關注一下我，每日分享精彩的前端文章！

今日更多精彩文章：http://caibaojian.com/fe-dail...