前端開發週報：JS 模塊化和web圖片優化

編程語言 JavaScript 泛函編程 Node.js 前端開發學習前端開發學習 2017-09-06

1、JavaScript 函數式編程術語大全

函數式編程(FP)有許多優點，它也越來越流行了。然而，每個編程範式都有自己獨特的術語，函數式編程也不例外。通過提供的這張術語表，希望使你學習函數式編程變得容易些。

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

2、明白 JS 模塊化

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

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

3、web前端優化之圖片優化

很多的前端開發者都比較關心性能的優化的問題，今天主要講一下圖片優化的見解和總結，可能很多人都知道，對此比較精通的大神，可以看一下分享一下我沒有總結到的知識點，那麼開始整理一下圖片優化的筆記吧

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

4、JavaScript 之銀彈の技法

博主入行前端寫JavaScript時候，因為需要兼容IE低版本，時常需要在繁雜冗長的DOM操作夾雜的代碼中，儘可能巧妙地節省代碼了，保持代碼清潔和逼格，久而久之，在維護前輩舊代碼和新功能開發時積累了一套代碼書寫的奇技淫巧，你也可以把它看作是抖機靈，不過它的確是豐盈了我的codeの時光，讓我們不至書寫業務那麼枯燥。

https://segmentfault.com/a/1190000010936719

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

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

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

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

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

https://segmentfault.com/a/1190000010910097

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

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

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

8、Node.JS循環遞歸複製文件夾目錄及其子文件夾下的所有文件

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

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

9、JavaScript中的作用域和閉包

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

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

10、JavaScript 立即執行函數表達式 ( IIFE ) 用例

最近，我寫了一篇關於syntax of JavaScript’s IIFE pattern的文章來解釋為什麼用現在的方式來寫立即執行函數表達式。少數讀者批評文章過時了，都爭論在ECMAScript 2015中介紹的塊級作用域變量使IIFE變得過時了。（by 眾成翻譯）

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

11、深入理解 Node.js Stream 內部機制

相信很多人對 Node.js 的 Stream 已經不陌生了，不論是請求流、響應流、文件流還是 socket 流，這些流的底層都是使用 stream 模塊封裝的。如果你瞭解生產者和消費者問題的解法，那理解 stream 就基本沒有壓力了，它不僅僅是資料的起點和落點，還包含了一系列狀態控制，可以說一個 stream 就是一個狀態管理單元。