分享值得阅读的技术文章，每周发布。
由于微信对外链限制，请点击阅读原文深入阅读。
设计模式[1] - 小编推荐 🔥
设计模式是软件设计中常见问题的典型解决方案。每个模式就像一张蓝图， 你可以通过对其进行定制来解决代码中的特定设计问题。该文讲解了 22 种经典设计模式。
React Hooks 最佳实践[2]
Node.js 应用日志切割原理与踩坑实践[3]
考拉前端骨架屏生成技术揭秘[4]
骨架屏就是在页面数据尚未加载前，先给用户展示出页面的大致结构（灰色占位图），直到请求数据返回后再渲染页面，补充进需要显示的数据内容。
优酷互动视频技术设计揭秘[5]
互动视频介于视频与游戏之间，围绕剧情，兼顾游戏性。核心是通过互动，让用户有能力参与到剧情发展中去。
优酷正在搭建支撑互动剧生产与播放的技术平台。客户端作为呈现互动视频的重要载体，核心职责就是定义一套协议标准，并基于此搭建互动引擎，以便快速而灵活地支持互动剧的播放。
适用于既有大型 MPA 项目的“微前端”方案
微服务下使用 GraphQL 构建 BFF[6]
Backend for Frontends(以下简称BFF) 顾名思义，是为前端而存在的后端(服务)中间层。即传统的前后端分离应用中，前端应用直接调用后端服务，后端服务再根据相关的业务逻辑进行数据的增删查改等。那么引用了 BFF 之后，前端应用将直接和 BFF 通信，BFF 再和后端进行 API 通信，所以本质上来说，BFF 更像是一种“中间层”服务。下图看到没有 BFF 以及加入 BFF 的前后端项目上的主要区别。
编写可测试 Go 代码的一种模式[7]
UT（单元测试）是个好东西，我们每个人都爱它。当写完一段功能复杂的逻辑时，各种变态的测试样例能增强我们对这段逻辑的信心；当更改别人的代码时，好的 UT coverage 能帮我们确保这次的更改不会影响到其他的代码；当阅读别人代码时，相应的 UT 也是一份文档，能告诉我们这段代码所实现的功能。因此我们总是希望别人的代码能有 UT，但自己却很少写 UT，这是为什么呢？🤔
定价的 42 种技巧（英文）[8]
本文介绍如何更有效地向消费者展示价格，一共 42 种技巧。其中一种是，低价商品的标价要写在标签左侧，高价商品要写在标签右侧。
小公司自建前端监控埋点体系，证明可行[9]
•第一部分：简单讲一下我们为什么要自研这个系统以及设计和开发这个系统的一些思路； •第二部分：简单介绍一下部分 SDK 的实现；•第三部分：讲一下上报的日志是如何处理的以及踩过的坑； •第四部分：简单介绍和展示一下监控看板；•第五部分：介绍一下我们的报警控制器的设计； •第六部分：简单讲一下任务执行器。
Leetcode 300 题[10]
Leetcode 前 300 题，每道都进行了详细通俗的分析，并且提供多种思路解法。
CSS 中的混合模式，制作高级特效的必备技巧[11]
在 CSS 中，有两个属性负责混合。mix-blend-mode 用于混合 DOM 元素，background-blend-mode 用于组合多个 CSS 背景。
深入探索 CSS Grid[12]
本教程将深入探讨 CSS 网格布局，并探索几乎所有的属性和功能。读完之后，你将能够用这种出色的 CSS 附加功能去处理任何一种布局。
Kubernetes 和 Docker 容器在领英的落地实践丨QCon[13]
本讲座分享在大规模的生产环境中整合新的开源技术 Kubernetes 和 Docker 容器期间吸取的经验教训。尤其是将新的技术无缝集成落地到现有的基础设施中遇到的挑战。这些经验可以让听众权衡自己的系统整合落地方案，少走很多弯路。
浅谈分布式系统一致性之 3PC 协议
3PC 协议 Three-Phase-Commit 又称三阶段提交协议，相比 2PC 协议增加了一个阶段，因此我们普遍把 3PC 协议看作是 2PC 协议的改进版本。
用经典的设计原则，深度解析闲鱼的用户体验设计[14]
从用户体验的部分原则来看闲鱼，主要以产品视觉设计四大原则、交互设计十大可用性原则、情感化设计来看闲鱼。
腾讯干货！深度分析 2020 UI 设计流行趋势[15]
作者通过自己的了解和一些收集，重新整理一些属于移动 UI 设计方向的设计趋势，并且进行一些设计相关的分析。
B 端设计师必不可少的表单设计[16]
每个人生活中，都在和表单打交道，各种表格，表单需要填写，而表单在产品中主要负责数据采集功能。作用和现在一样——信息录入。表单也是最常用的信息录入的工具，随着互联网兴起，很多表单被放到了电子屏上填写，特别是最近几年，随着 B 端的兴起，和表单打交道的人越来越多。那么作为设计师，我们如果设计出一个糟糕的表单，会极大影响 用户信息的录入的效率。
引用链接
[1] 设计模式: https://refactoringguru.cn/design-patterns [2] React Hooks 最佳实践: https://juejin.cn/post/6844904165500518414 [3] Node.js 应用日志切割原理与踩坑实践: https://zhuanlan.zhihu.com/p/139176082 [4] 考拉前端骨架屏生成技术揭秘: https://zhuanlan.zhihu.com/p/114362353 [5] 优酷互动视频技术设计揭秘: https://www.infoq.cn/article/yE8ABR85qYKo1pADdvsw [6] 微服务下使用 GraphQL 构建 BFF: https://insights.thoughtworks.cn/use-graphql-build-bff-in-microservices/ [7] 编写可测试 Go 代码的一种模式: https://blog.betacat.io/post/2020/03/a-pattern-for-writing-testable-go-code/ [8] 定价的 42 种技巧（英文）: https://www.nickkolenda.com/psychological-pricing-strategies/ [9] 小公司自建前端监控埋点体系，证明可行: https://juejin.cn/post/6844904161562066958 [10] leetcode 300 题: https://leetcode.wang/ [11] CSS 中的混合模式，制作高级特效的必备技巧: https://segmentfault.com/a/1190000022598217 [12] 深入探索 CSS Grid: https://segmentfault.com/a/1190000022713952 [13] Kubernetes 和 Docker 容器在领英的落地实践丨QCon: https://www.infoq.cn/video/qNuspiV9J4fmPHOgfJvf[14] 用经典的设计原则，深度解析闲鱼的用户体验设计:
https://www.uisdc.com/xianyu-experience-design[15] 腾讯干货！深度分析 2020 UI 设计流行趋势: https://www.uisdc.com/2020-ui-design-trends [16] B 端设计师必不可少的表单设计: https://coffee.pmcaff.com/article/2347812021027968/pmcaff
[17] 语雀: https://www.yuque.com/wxyu/geeker-read-weekly [18] GitHub: https://github.com/geeker-read/weekly_issues
上一期：极客阅读周刊: 第 20 期
本期周刊同时同步到微信公众号(geeker-read)、 语雀[17]和 GitHub[18]。
极客阅读 | 汇聚了国内外最优质的技术博客、产品动态、公众号文章。
官网 ：geeker-read.com
