ELSE 技術週刊(2017.11.13期)

團隊分享

魔幻語言 JavaScript 系列之 call、bind 以及上下文

從一行代碼來看看 JavaScript 是一門多麼魔幻的語言，順便談談 JavaScript 中的 call、apply 和 bind 以及上下文。

前端開發

Preact：一個備胎的自我修養

本文着重做者介紹了Preact的工做流程以及其中各個模塊的一些工做細節，對於不熟悉 Preact 同窗來講是個很好的入門篇， 對於Preact的工做流程和 主要功能模塊都有本身的詳細解說， 也能夠和React 對比學習。

面向將來的前端數據流框架 - dob

在前端數據流框架， dob 利用 proxy 實現的數據依賴追蹤工具， 主要核心思想大量借鑑於 mobx, 可是從實現原理、使用便捷性，以及調試工具都作了大量優化， 能夠利用 dob-react 與 react 結合使用，也深受你們喜好。

Webpack HMR 原理解析

Hot Module Replacement（如下簡稱 HMR）是 webpack 發展至今引入的最使人興奮的特性之一 ，當你對代碼進行修改並保存後，webpack 將對代碼從新打包，並將新的模塊發送到瀏覽器端，瀏覽器經過新的模塊替換老的模塊，這樣在不刷新瀏覽器的前提下就可以對應用進行更新。

使用 CSS Houdini 繪製平滑圓角

Houdini API 定義了一種新的在瀏覽器的渲染階段往 CSS 圖像中添加內容的方式。簡單地說，瀏覽器給咱們提供了用程序繪製一個 CSS 圖像並用做背景的能力。所以，咱們應該能夠很簡單地繪製一個超橢圓。

利用 JavaScript 實現富文本編輯器

如何從零開始打造一個基本的富文本編輯器，或許許多 API 你曾見過，但一直到某個特定場景下，才發現是多麼有用。

技術縱橫

WEB請求處理二：Nginx請求反向代理

文章闡述了請求到達反向代理服務器的整個處理過程， 包括反向代理的原理，工做流程，以及Nginx經常使用配置詳細解析。

騰訊QQ空間超分辨率技術TSR：爲用戶節省3/4流量，處理效果和速度超谷歌RAISR

TSR技術在RAISR的標準下，處理速度在提高了40%，處理效果也有明顯提高。此外，TSR也是業界首次實現移動端使用深度神經網絡進行超分辨率，並保證圖片可以實時進行處理。即便在用戶的普通Andriod手機，也可使用這項技術。

GraphQL 初探—面向將來 API 及其生態圈

GraphQL 做爲一個新的 API 標準，經過聲明式的數據獲取方式，給客戶端提供了簡潔、靈活、高效的數據查詢。適應了移動互聯網時代客戶端技術的快速發展和需求的快速迭代，是當前 REST 模式的有力競爭者。

決戰雙11：億級訪問量的Web前端頁面優化技巧

咱們都知道一次頁面請求須要加載不少東西，包括文本、css樣式、javascrict腳本、圖片，加載的東西越多，頁面的響應時間每每越長，體驗就很很差。這就須要咱們進行優化，提升頁面響應速度。

實用推薦

Fiddler plus【高效調試分析利器】

Fiddler是一個功能強大的HTTP抓包調試工具！但用起來卻不是那麼的順手，界面繁雜、配置複雜，很是不符合高效程序猿的使用習慣… Fiddler plus 從新定義了Fiddler的CustomRules.js，從而使Fiddler擁有了更加簡單、靈活、豐富的配置方式，高逼格的顯示界面，讓你用起來再也不羞(gan)澀(ga)。

Node.js Best Practices

一個收集 Node.JS 最佳實踐文章列表的項目，從排名最前的文章中挑選出來並保持隨時更新。

如何打造一個全滿分網站

前端的評測工具（平臺）有不少種，這裏列舉了一些，以及如何針對評測工具反饋的各項指標進行優化。值得一提的是PWA的對應指標也在名單裏。

在線追蹤壓縮後的JS出錯代碼

理解sourcemap以及如何跟蹤JavaScript異常報錯