技术文章

• Docker (容器) 的原理

  很全面细致地讲解了 Docker 的原理，剖析得足够深入，对 Docker 运作原理感兴趣的不要错过。

• 前端大佬们已经开始手写Echarts了？

  其中详细的介绍了从画布开始一点点手绘包括折线图，柱图，雷达图的过程，还原Echarts的功能和效果。

• How to Improve CSS Performance

  This post will cover what kinds of performance issues CSS can cause and best practices for crafting CSS that doesn’t get in people’s way.

• Creating an Editable Textarea That Supports Syntax-Highlighted Code

  一个比较反常规的方法实现的编辑器，以及着色

• A Complete Guide To Incremental Static Regeneration (ISR) With Next.js

  Incremental Static Regeneration (ISR)

• 所有前端都要看的2D游戏化互动入门基础知识

  通过本篇文章，我们可以了解到一些基础的游戏化互动技术，也通过 Eva.js 学习了如何实现一个最简单的互动游戏.

• Deep dive in CORS: History, how it works, and best practices

  Learn the history and evolution of same-origin policy and CORS, understand CORS and the different types of cross-origin access in depth, and learn (some) best practices.

新框架推荐

• dahliaOS

  dahliaOS 是基于谷歌 Fuchsia OS 分支的Linux发行版，其许多应用基于 Flutter 技术编写。dahliaOS Web 演示界面，同样是基于 Flutter Web 框架编写，使用了 MD 设计风格，有较不错的还原体验。

• hotjar

  本文介绍了hotjar，一个可以实现查看用户点击热点区域、Feedback、问卷设计的工具。

杂谈

• airtag

  苹果发布蓝牙标签 AirTag，贴在各种物品上面，然后手机可以查看该物品的位置。最特别的是，它的蓝牙信号可以被附近的所有苹果设备读取，这意味着不管被带到哪里，都可能追踪到它的位置。 youtube 博主 测评 https://www.youtube.com/watch?v=ehv3zQAa9zM

设计

• Web Design Done Well: The Ordinary Made Extraordinary (Part 1)

  常见一些比较好的网页设计举例

工具

• Chrome console 动态导入

  可在Chrome console 动态导入js资源进行调试。

• Npm RunKit

  A playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed.

  入口：官网入口 or 包详情页【>_Try on RunKit】按钮。