前端開發(fā)日報:canvas獲取video縮略圖和JS 模塊化

1、應(yīng)用canvas獲取video的縮略圖

發(fā)布視頻時候,經(jīng)常需要上傳同時上傳視頻的縮略圖,近日,應(yīng)產(chǎn)品經(jīng)理的的要求,需要做一個發(fā)布視頻動態(tài)的功能,我第一反應(yīng)就想到了H5的標(biāo)簽vidio和canvas,在這里記錄下我完成該功能的過程: 首先,整體思路是創(chuàng)建一個vidio,然后創(chuàng)建一個canvas和一個畫筆,調(diào)用畫筆的drawImage方法,將vidio作為參數(shù),就會畫出該視頻的縮略圖。

https://segmentfault.com/a/1190000010910097

2、MVVM開發(fā)總結(jié)——vue組件(你所需要知道的)

隨著模塊化開發(fā)的理念越來越被開發(fā)者所重視,如何快速高效的開發(fā)項目成為了開發(fā)中所要注意的重點(diǎn)。在vue.js中組件系統(tǒng)作為一個重要的概念,它提供的組件可以獨(dú)立、重復(fù)的使用來構(gòu)建大型的應(yīng)用。組件可以擴(kuò)展HTML元素,封裝可重用的HTML代碼,我們可以將組件看作自定義的HTML元素。

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

3、明白 JS 模塊化

模塊化就是將一個大的功能拆分為多個塊,每一個塊都是獨(dú)立的,你不需要去擔(dān)心污染全局變量,命名沖突什么的。 那么模塊化的好處也就顯然易見了 解決命名沖突 依賴管理 代碼更加可讀 提高復(fù)用性

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

4、Node.JS循環(huán)遞歸復(fù)制文件夾目錄及其子文件夾下的所有文件

在Node.js中,要實現(xiàn)目錄文件夾的循環(huán)遞歸復(fù)制也非常簡單,使用fs模塊即可,僅需幾行,而且性能也不錯,我們先來實現(xiàn)文件的復(fù)制

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

5、30 多年的軟件經(jīng)驗,總結(jié)出 10 個編寫出更好代碼的技巧

好代碼可以定義為易讀、易懂、易調(diào)試、易改,最重要的還要少缺陷。顯然,要想敲出一手好代碼,是要花不少時間,但這在長久來看是有意義的,因為你可以花更少時間及精力去維護(hù)和復(fù)用你的代碼。   事實上,我們可以將好代碼等同于可復(fù)用的代碼,這也是下面提到的重要原則之一。代碼可能只是完成了編程工作中短期目標(biāo)的特定功能,但如果沒人(包括你自己)愿意復(fù)用你的代碼,這代碼在某種程度上可以說是不足且有缺陷的。要么太復(fù)雜、要么太具體、要么在不同情況下極有可能崩掉,或者其他程序員可能不相信你的代碼。

http://geek.csdn.net/news/detail/234132

6、Nodejs 進(jìn)階:使用 DiffieHellman 密鑰交換算法

Diffie-Hellman(簡稱DH)是密鑰交換算法之一,它的作用是保證通信雙方在非安全的信道中安全地交換密鑰。目前DH最重要的應(yīng)用場景之一,就是在HTTPS的握手階段,客戶端、服務(wù)端利用DH算法交換對稱密鑰。 下面會先簡單介紹DH的數(shù)理基礎(chǔ),然后舉例說明如何在nodejs中使用DH相關(guān)的API。

https://segmentfault.com/a/1190000010917737

喜歡這篇文章的朋友,歡迎關(guān)注、收藏、分享、評論,幫我上熱門,你的支持,是我每日更新的動力!
喜歡前端的朋友可以點(diǎn)擊關(guān)注一下我,每日分享精彩的前端文章!

今日更多精彩文章:http://caibaojian.com/fe-daily-20170830.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容