ELSE 技術週刊(2017.11.27期)

業界動態

直擊阿里雙11神祕技術：PB級大規模文件分發系統「蜻蜓」

文章主要介紹了阿里的PB級大規模文件分發系統「蜻蜓」， 經過使用P2P技術同時結合智能壓縮、智能流控等多種創新技術，解決大規模文件下載以及跨網絡隔離等場景下各類文件分發難題，大幅提升數據預熱、大規模容器鏡像分發等業務能力。並且已開源出來， 隨着容器技術發展，大文件分發一直是個重要的問題，因此是一件值得研究的技術。

前端開發

Clean Code vs. Dirty Code: React Best Practices

本文重點介紹適用於現代 React 軟件開發的整潔代碼實踐，以及使用 ES5+ 的語法糖帶來的一些變化。

I Still Love jQuery — And You Should, Too.

如今 jQuery 彷佛成爲老套的代名詞，開發者更喜歡談論 TypeScript、ES 2015+、React、Vue 等新框架或新概念。做者在本文中討論了爲什麼如今仍是會繼續使用 jQuery，以及如何編寫可擴展的 jQuery 代碼、如何將 jQuery 集成到其餘框架等。

PWA是否能帶來新一輪大前端技術洗牌

當 Web 自信滿滿，步入移動時代之時，它尚未作好充足的準備。
（做者是PWA在國內的佈道者，不過新一輪洗牌說的着實有點誇張，我的感受PWA只是一個選擇，移動端WEB應用的開發會被最開始流行的瀏覽器版本所羈絆，市場永遠對技術的選擇有着最終決定權。）

web app 一分鐘適配iPhone X

由於 iPhone X 的劉海設計，Web 在 iPhone X 橫屏時，可能會有些問題。

React源碼解析(三):詳解事務與隊列

文章利用 React 的setState 方法 講解了 React 中的 事務機制和更新隊列，經過源碼的解析， 很詳細的介紹瞭如何更新state隊列，以及事務處理的整個過程。

12個效果奇特的HTML5動畫賞析 | 附：源碼&演示

本文將爲你們分享12個效果奇特的HTML5動畫，HTML5強大的動畫特性可讓你的網頁變得更加生動和富有活力，交互性也會進一步獲得提升。一塊兒來看看下面的這些HTML5動畫案例，每一個案例都提供源代碼下載。

《Node.js設計模式》基於ES2015+的異步控制流

在本章中，咱們將探討一些表明性的替代方案，Promise和Generator。以及async await，這是一種創新的語法，可在高版本的JavaScript中提供，其也做爲ECMAScript 2017發行版的一部分。
咱們將看到這些替代方案如何簡化處理異步控制流的方式。最後，咱們將比較全部這些方法，以瞭解全部這些方法的全部優勢和缺點，並可以明智地選擇最適合咱們下一個Node.js項目要求的方法。

技術縱橫

短網址(short URL)系統的原理及其實現

一個短連接生成器（普通網址轉換成比較短的網址）的實現思路及其兩種實現算法：自增序列算法、 摘要算法，以及如何作到自定義url的短碼

淺談微服務基建的邏輯

這篇文章主要是面向初接觸微服務的朋友，簡單介紹微服務基礎建設所須要的各個模塊以及原因。

大聖魔方—美團點評酒旅BI報表工具平臺開發實踐

一款好的BI報表工具，須要考慮並可以解決以下問題...

漫畫：什麼是ConcurrentHashMap？

本篇漫畫中簡述了 ConcurrentHashMap 和 HashMap 的區別，以及其實現原理和用處。

啓用 Brotli 壓縮算法，對比 Gzip 壓縮 CDN 流量再減小 20%

Google 認爲互聯網用戶的時間是寶貴的，他們的時間不該該消耗在漫長的網頁加載中，所以在 2015 年 9 月 Google 推出了無損壓縮算法 Brotli。Brotli 經過變種的 LZ77 算法、Huffman 編碼以及二階文本建模等方式進行數據壓縮，與其餘壓縮算法相比，它有着更高的壓塑壓縮效率。
這是值得前端人去理解的算法。

實用推薦

Google Mobile Web Specialist 檢定攻略

Mobile Web Specialist Certification 是 Google 近期推出的一項認證， 用以認證開發者的移動網頁開發技能。

node-prune

淨化Heaviest Objects In The Universe （node_modules），移除node_modules中沒必要要的文件

ELSE 技術週刊由 IFT小組 出品，匯聚一週好文章，週刊原文。本期編輯：

@CurtisCBS 前端中年人

@StoneZou 前端搬磚工，不安分於前端開發的搬磚工

@Steven 前端禁衛軍

@mirreal 想當設計師的程序員不是一個好攻城獅

@Jade 之前想多點後端sense寫前端，如今想多點產品sense寫前端

點擊這裏 向咱們推薦你讀到的好文章，期待大家。