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

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敲下的一刻,意就盡了,好比劍客刺出終末的那一劍後,只覺得意興蕭索,高處不勝寒,擦拭劍上的血光後飄然遠去……,但我們最終不是一個劍客,而是一個團隊的一份子,在看了這篇文章後,我首先是感到驚訝,繼而是羞愧,我醍醐灌頂靈臺清明,原來,自解釋的程式碼根本就不存在!!

這篇文章從一開始給出了充分的理由來論證為什麼不存在自解釋的程式碼,繼而給出瞭解決方案,好的程式碼註釋應該怎麼寫,相信讀完,會對大家有幫助

相關文章