前端開發(fā)周報(bào):JavaScript編程術(shù)語(yǔ)和web圖片優(yōu)化

1、JavaScript 函數(shù)式編程術(shù)語(yǔ)大全

函數(shù)式編程(FP)有許多優(yōu)點(diǎn),它也越來(lái)越流行了。然而,每個(gè)編程范式都有自己獨(dú)特的術(shù)語(yǔ),函數(shù)式編程也不例外。通過(guò)提供的這張術(shù)語(yǔ)表,希望使你學(xué)習(xí)函數(shù)式編程變得容易些。

http://www.css88.com/archives/7833

2、明白 JS 模塊化

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

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

3、web前端優(yōu)化之圖片優(yōu)化

很多的前端開發(fā)者都比較關(guān)心性能的優(yōu)化的問(wèn)題,今天主要講一下圖片優(yōu)化的見(jiàn)解和總結(jié),可能很多人都知道,對(duì)此比較精通的大神,可以看一下分享一下我沒(méi)有總結(jié)到的知識(shí)點(diǎn),那么開始整理一下圖片優(yōu)化的筆記吧

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

4、JavaScript 之銀彈の技法

博主入行前端寫JavaScript時(shí)候,因?yàn)樾枰嫒軮E低版本,時(shí)常需要在繁雜冗長(zhǎng)的DOM操作夾雜的代碼中,盡可能巧妙地節(jié)省代碼了,保持代碼清潔和逼格,久而久之,在維護(hù)前輩舊代碼和新功能開發(fā)時(shí)積累了一套代碼書寫的 奇技淫巧 ,你也可以把它看作是抖機(jī)靈,不過(guò)它的確是豐盈了我的codeの時(shí)光,讓我們不至?xí)鴮憳I(yè)務(wù)那么枯燥。

https://segmentfault.com/a/1190000010936719

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

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

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

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

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

https://segmentfault.com/a/1190000010910097

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

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

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

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

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

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

9、JavaScript中的作用域和閉包

作用域和閉包在JavaScript中是兩個(gè)很重要的概念。剛開始接觸的時(shí)候,他們一直讓我感到非常的困惑。下面是對(duì)作用域和閉名解釋,以幫助你能更好的了解它們是什么? 先從作用域開始。 作用域 在JavaScript中,作用域定義了你可以訪問(wèn)的變量。作用域有兩種類似 —— 全局作用域和局部作用域。

http://www.w3cplus.com/javascript/javascript-scope-closures.html

10、JavaScript 立即執(zhí)行函數(shù)表達(dá)式 ( IIFE ) 用例

最近,我寫了一篇關(guān)于syntax of JavaScript’s IIFE pattern的文章來(lái)解釋為什么用現(xiàn)在的方式來(lái)寫立即執(zhí)行函數(shù)表達(dá)式。少數(shù)讀者批評(píng)文章過(guò)時(shí)了,都爭(zhēng)論在ECMAScript 2015中介紹的塊級(jí)作用域變量使IIFE變得過(guò)時(shí)了。 (by 眾成翻譯)

http://web.jobbole.com/92304/

11、深入理解 Node.js Stream 內(nèi)部機(jī)制

相信很多人對(duì) Node.js 的 Stream 已經(jīng)不陌生了,不論是請(qǐng)求流、響應(yīng)流、文件流還是 socket 流,這些流的底層都是使用 stream 模塊封裝的。如果你了解 生產(chǎn)者和消費(fèi)者問(wèn)題 的解法,那理解 stream 就基本沒(méi)有壓力了,它不僅僅是資料的起點(diǎn)和落點(diǎn),還包含了一系列狀態(tài)控制,可以說(shuō)一個(gè) stream 就是一個(gè)狀態(tài)管理單元。

http://taobaofed.org/blog/2017/08/31/nodejs-stream/

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

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

https://segmentfault.com/a/1190000010917737

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

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

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

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

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