6 posts tagged with "前端"

被业界称为“五部曲”的核心著作：“黑客圈简史”（A Brief History of Hackerdom）、“大教堂和大集市”（The Cathedral and the Bazaar）、“如何成为一名黑客”（How To Become A Hacker）、“开拓心智层”（Homesteading the Noosphere）和“魔法锅”（The Magic Cauldron）。

Class Components到hooks最重要的变化应该是心智模型的变化#

函数式组件#

Capture Value概念#

1. 状态变化到ui更新的过程不同#

   • Vue使用“反应式”的系统来支持细粒度的更新。
   • React任何在顶层的更新只会触发协调而不是局部更新那些受影响的组件。

2. 编程范式不同#

3. 心智模型不同#

http1.x的缺陷#

• 串行请求、队头阻塞引发的高延迟
• 无状态特性带来的巨大http头部
• 明文传输引起的不安全性

http2.0#

改进#

• 二进制分帧、header压缩减少传输内容
• 多路复用引入并行通信
• Servce Push 服务端主动向客户端推送消息，减少客户端不必要的请求
• 实际上的http2.0标准强制使用https协议，保证安全性

缺陷#

• TCP以及TCP + TLS建立时的延时
• TCP队头阻塞

http3.0#

改进#

• 使用UDP替换TCP，消除建立连接耗时，彻底解决TCP队头阻塞的问题，实现传输层的多路复用

Redux是一种架构，也可以理解为是一个规范或者约定。其核心就是单向数据流。#

Redux主要解决两个问题：#

• 集中式状态管理#

  Redux架构的三个主要部分：Store、Reducer、Action。

集中式状态管理的好处：将复杂的应用状态操作封装起来，暴露接口供外部调用，可以做到状态管理逻辑与其他业务逻辑的解耦。

• 组件间通信（跨层级、同层级）#

以React为例，组件间通信部分实际上是通过对React Context Api的一层封装