前端開發周報:JavaScript編程術語和web圖片優化

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 就是一個狀態管理單元。

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

12、Nodejs 進階:使用 DiffieHellman 密鑰交換算法

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

https://segmentfault.com/a/1190000010917737

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

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • # Python 資源大全中文版 我想很多程序員應該記得 GitHub 上有一個 Awesome - XXX 系列...
    aimaile閱讀 26,537評論 6 427
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock閱讀 3,391評論 2 36
  • 《裕語言》速成開發手冊3.0 官方用戶交流:iApp開發交流(1) 239547050iApp開發交流(2) 10...
    葉染柒丶閱讀 27,558評論 5 19
  • 秋深了,天氣還是那么多變 日子還是那么難懂 在朦朧的秋光里 我依舊努力的耕耘 沒有大片的田地 在自己的寸心寸土里刨...
    美食美客閱讀 142評論 0 4