YuuFen

作者：大漠Flexbox布局已是目前最为流行的Web布局方式之一，它给Web开发者在完成页面或组件的UI布局带来了极大的灵活性和便利性。但也是因为它有极大的灵活性，里面隐藏了一些不为人知的细节，如果不

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

作者：大漠用户在访问一个Web网站（页面）或应用时，总是希望它的加载速度快，功能流畅。如果过于慢，用户就很有可能失去耐心而离开你的Web网站或应用。作为开发人员，给自己应用提供更快的访问速度，提供很好

Web Vitals是Google的一项重大举措，旨在为质量信号提供统一的指导，这对于在Web上提供出色的用户体验来说很重要。 网站的开发者需要了解自己的网站给用户带来的体验，但不一定要成为性能优化的专家。Web Vitals旨在简化流程，并帮助网站开发者聚焦在核心性能指标上，…

从今天的文章开始，我们将正式开始介绍 HTTP 协议。文本主要介绍 HTTP 协议的总体结构以及相关概念，让大家对 HTTP 协议有一个整体的了解。 HTTP 协议是一个无状态的请求/响应协议，通过建立一个可靠的会话层或者传输层连接来交换消息。HTTP 客户端是一个为了发送一个…

最近在构建两个系统的实时通信部分，总结一下所学。 本文主要介绍Websocket是什么以及其协议内容。 WebSocket 协议实现在受控环境中运行不受信任代码的一个客户端到一个从该代码已经选择加入通信的远程主机之间的全双工通信。该协议包括一个打开阶段握手规定以及通信时基本消息…

最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过 toPrecision(16) 去有效位之后，两者是相等的。 在两数相加时，会先转换成二进制，0.1 和…

flex 布局中，flex 设置单、双、三值的时候分别有什么意义。 我发现第三个子项并不是期待的 75px ，这个疑问稍后再讲。 也就是说，双值 第一个 flex-grow ，第二个无单位的话，是 flex-shrink 。 三值的话，分别是 flex-grow | flex-…