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敲下的一刻，意就尽了，好比剑客刺出终末的那一剑后，只觉得意兴萧索，高处不胜寒，擦拭剑上的血光后飘然远去……，但我们最终不是一个剑客，而是一个团队的一份子，在看了这篇文章后，我首先是感到惊讶，继而是羞愧，我醍醐灌顶灵台清明，原来，自解释的代码根本就不存在！！

这篇文章从一开始给出了充分的理由来论证为什么不存在自解释的代码，继而给出了解决方案，好的代码注释应该怎么写，相信读完，会对大家有帮助