BetterFE 前端技術週刊 - 2019/03/25

## 深閱讀

詳解適配相關概念

推薦理由：PC時代寫頁面樣式是比較簡單的事情，大多數時候只須要咱們用好px。但到了移動時代，事情就不止這麼簡單了，咱們有了高清屏，須要特殊的加以適配。這篇文章詳細說明了高清屏適配背後的技術原理，解釋了physical pixel, density-independent pixel, 邏輯像素（CSS像素），dpr 等諸多概念，對於這些概念還不是很清楚的同窗必定要讀讀這篇文章。

我接觸過的前端數據結構和算法

推薦理由：在前端領域，數據結構與算法相關知識相對比較薄弱。經過閱讀這篇文章，咱們能夠大體瞭解一些前端常常會遇到的一些算法問題，來幫助咱們拓展視野及提高咱們的能力。

聊一聊前端換膚

推薦理由：咱們在體驗瀏覽器換膚的過程當中，是否有想過如此順滑換膚是怎麼作到的，本文列舉出幾個成熟例子ElementUI，antd，CSS自定義變量的具體實現，在加載成本的前提下，能夠了解學習css顏色值替換的過程。

小程序運行機制

推薦理由：做爲一名前端開發，咱們不能只停留在應用開發層面，更應該關注框架自己底層實現的一些技術細節和原理。本文從外到內分析了小程序的運行機制和設計理念，讓咱們對小程序的運行機制有了深度瞭解。

二維碼的生成細節和原理

推薦理由：當咱們在前端生成二維碼的時候，我時常好奇它是如何生成的。在平常使用的時候，咱們是否瞭解它呢，這篇文章通俗易懂的展現了二維碼的生成過程，結合這一過程，咱們能夠更深刻地瞭解二維碼是如何工做的。

Web 性能優化：理解及使用 JavaScript 緩存

推薦理由：隨着咱們的應用程序的不斷增加並開始進行復雜的計算時，對速度的需求愈來愈高，因此流程的優化變得必不可少。 本文由淺入深的講解如何使用javascript緩存，讓咱們在開發過程當中遇到複雜計算的問題時，如何高效的去解決問題。

## 新鮮貨

精讀《useEffect 徹底指南》 - 知乎

推薦理由：對React核心開發者《 a-complete-guide-to-useeffect 》這片文章的導讀，關注userEffect的開發初衷，用於解決哪些問題，以及如何使用，深刻淺出，頗有閱讀價值。

瀏覽器中的畫中畫

推薦理由：想邊刷微博邊追劇？想邊聊微信邊看球賽？這個需求怎麼實現？PiP瞭解一下。

## 新工具&&職業發展

Responsive images in 2019, now easier than ever

推薦理由：圖像佔頁面加載時間的最大部分（44％），大而未經優化的圖片會大大減慢網站速度，當在網站或移動應用程序首次加載圖像時，Cloudimage就會將其發送到內容分發網絡，根據各類屏幕尺寸響應調整圖片大小向訪問者快速發送。

自解釋的代碼根本不存在，老老實實寫註釋吧

推薦理由：在我年輕的時候，我總以爲做者解釋本身的代碼和邏輯純屬多此一舉。你想說的一切都該放在代碼裏，最後一個code敲下的一刻，意就盡了，比如劍客刺出終末的那一劍後，只以爲意興蕭索，高處不勝寒，擦拭劍上的血光後飄然遠去……，但咱們最終不是一個劍客，而是一個團隊的一份子，在看了這篇文章後，我首先是感到驚訝，繼而是羞愧，我醍醐灌頂靈臺清明，原來，自解釋的代碼根本就不存在！！

這篇文章從一開始給出了充分的理由來論證爲何不存在自解釋的代碼，繼而給出瞭解決方案，好的代碼註釋應該怎麼寫，相信讀完，會對你們有幫助