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 （nodemodules），移除nodemodules中不必要的文件

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

@CurtisCBS 前端中年人

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

@Steven 前端禁衛軍

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

@Jade 以前想多點後端sense寫前端，現在想多點產品sense寫前端

點擊這裡 向我們推薦你讀到的好文章，期待你們。

推薦閱讀：