ELSE 技術週刊(2018.03.05期)

業界動態

webpack 4正式發佈了

面對parcel的零配置挑戰，webpack此次終於想通了一件事：約定勝於配置！

前端開發

分享手淘過年項目中採用到的前端技術

手淘過年項目中採用到的部分前端技術以及踩的一些坑。

2018 前端性能優化清單

咱們都知道性能很重要，可是，咱們是否真的一直都知道咱們性能優化的瓶頸在哪？是代價昂貴的 JavaScript？是 web 字體很慢？仍是比較大的圖片？或者是渲染速度過於遲緩？tree-shaking（無用代碼移除）、scope hoisting（做用域提高）、code-splitting（按需加載）、 intersection observer 以及 clients hints、CSS containment、HTTP/2 和 service workers 這些技術都是有利於性能優化的。而且，最重要的是，咱們要從哪裏開始提高咱們的性能呢？而且要怎麼創建長久有效的性能機制。

Node.js 調試指南

Node.js 開發的一些調試經驗和思路

【譯】利用 Webpack 作 web 性能優化

Google 出品的 webpack 優化指南。

關於 Promise 的 9 個提示

闡述了 關於使用 Promise 的9個建議， 能夠幫助咱們改善 Promise 之間關係的。

技術縱橫

Java9 新特性 詳解

Java9 新特性的講解

騰訊：手Q研發體系與工具實踐

騰訊手Q項目是如何將平臺工具進行串聯，達到怎樣的持續交付效果

https鏈接的前幾毫秒發生了什麼

https鏈接的前幾毫秒發生了什麼。本文將詳細介紹https的鏈接過程。

從Chrome源碼看HTTPS

我在《https鏈接的前幾毫秒發生了什麼》詳細地介紹了https鏈接的過程，該篇經過抓包工具分析整個過程，本篇將從Chrome源碼的角度着重介紹加密和解密的過程，並補充更多的細節。

當咱們在談論HTTP隊頭阻塞時，咱們在談論什麼？

HTTP/1.1經過pipelining管道技術實現一次性發送多個請求，以期提升吞吐和性能。然而，這種技術在接收響應時，要求必須按照發送請求的順序返回。若是，第一個請求被堵塞了，則後面的請求即便處理完畢了，也須要等待。那麼在HTTP/2中是如何解決的呢？請看原文。

從URL開始，定位世界

從輸入 URL 到頁面加載完的過程當中都發生了什麼事情？

【網絡協議】Web協議將來優化指南

本文系統地介紹了 TCP、UDP、HTTP1.一、HTTPS（包括最新的 TLS1.3 協議）、SPDY、HTTP2 等協議存在的問題，以及如何在特定的場景下經過網絡協議的優化實現訪問速度的提高。文章略長，慢慢看來。

實用推薦

小tips: 使用JS檢測用戶是否安裝某font-family字體

根據用戶設置的字體將某一個字符繪製在canvas上（fillText()），並提取像素信息（getImageData()），而後和默認字體進行比對，以達到能判斷用戶是否安裝了特定字體

端神器：一行命令，React 組件轉 Vue 組件！

本文先介紹兩個框架的組件共性和不兼容的地方，再介紹react-to-vue的使用和原理。在實際業務中，陸金所100多個的react基礎業務組件，react-to-vue能夠轉化90%以上，變成vue組件。