ELSE 技術週刊(2017.11.13期)

_風清洋發表於2018-11-14

團隊分享

魔幻語言 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異常報錯

相關文章