QiZhang's Blog

不知不觉 2021 年已经步入尾声，这是我在医联度过的第 5 个年关。这一年无论是公司的战略架构还是个人的认知心态都发生了不小的变化，在此对这一年的所见、所闻、所感做一个总结。

我们知道 web 是一种极度依赖网络的应用形式，这也是 web 应用相对于原生（Native）应用的一个很大的缺点。在没有网络的情况下，再好的 webapp 也会陷入“巧妇难为无米之炊”的境地，于是 service worker 应运而生（Appcache 标准已被弃用），它也是实现 PWA 的最重要的基础。

身份验证又称鉴权，是获取一个资源前的一个校验过程。比如你要进入一栋锁着的房子，必须通过拿出钥匙开锁才能进入。这里的”钥匙“我们一般称为”凭据“（token）。我们开发过程中会使用很多种不同的鉴权方案，具体实现一般跟业务相关。Http 协议自身也约定了一些鉴权方式，让我们来看看吧。

最近研究 http2.0，在看到请求头压缩这一块内容时，说到应用了静态哈夫曼编码对标头进行了压缩。哈夫曼编码大一时就已经学过，时隔多年，除了记忆中还存留着老师那几页模糊的 PPT 的印象，具体的内容早已忘得一干二净。

在继续 http2.0 的学习之前，先重温下 huffman 编码吧。

贝塞尔曲线为绘制平滑曲线提供了数学理论，也是很多动画绘制的基础，在我们前端开发的过程中也常常使用它控制动画的执行速度（animation-timing-function）。那么这个曲线实现的原理是什么呢，让我们一探究竟吧。

Tapable是一个专注于事件处理的模块，类似于 Nodejs 的EventEmitter。相比EventEmitter，Tapable 提供了例如瀑布流、线性异步、并行异步等更加高级的事件流处理机制。正如其名，通过它我们能触摸到 Webpack 编译的各个阶段，这也是 Webpack 插件机制的核心设计理念。

React Hooks 是 React V16.8 加入的新特性，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 它主要为了解决 React 长期以来的以下几个问题 在组件之间复用状态逻辑很难，例如分页，上传文件等附带状态的逻辑需要每个页面都写一份 复杂组 ...

最新公司的新项目用到了nextjs + koa 做服务端渲染，同时集成了Sentry做异常监控。由于页面的代码可能会在服务端和客户端两个环境下运行，所以我们需要对他们分开监控。

缓存是一种将数据保存在本地，在下一次需要使用它时，无需从数据的源头而是直接本地读取的一种技术。在http中，缓存是非常重要的组成部分。

我们都知道 html 元素是通过标签属性来控制其效果的，例如video的control属性，虽然只是一个简单的值，但是内部会有很复杂的实现：添加了video播放的视频的控制功能。而很多情况下，html 内置的属性无法满足千变万化的需求，于是指令（directive）便应运而生。指令最直观的理解就是扩展 html 属性，从而实现内置属性不支持功能。