Skip to main content

7 posts tagged with "阿里巴巴哈啰单车"

View All Tags

HTTP 里面的缓存机制

两种缓存方式,根据响应的 header 内容来决定

  • 强缓存(状态码:200):浏览器不向服务器发送任何请求,直接从本地缓存中读取文件并返回(相关字段:Cache-ControlExpires

  • 协商缓存(状态码:304):浏览器发送请求到服务器,通过服务器来告知缓存是否可用(相关字段:Last-Modified/If-Modified-SinceEtag/If-None-Match

缓存相关 header

Cache-ControlExpiresLast-Modified/If-Modified-SinceEtag/If-None-Match

img

详情请见:彻底理解浏览器的缓存机制

react redux

react redux#

首先要明白 redux 是 JavaScript 应用程序的可预测状态管理工具,其本身与 react 无关,react - redux 将它们两联系起来的

而学习 react redux 需先明白 redux 的工作原理。Redux 是一个经典的发布订阅器它帮我们用一个变量存储所有的 State,并且提供了发布功能来修改数据,以及订阅功能来触发回调(但是回调之后干嘛?自己解决)。

  1. 首先明确与 React 产生关联的是 React-Redux 这个库

  2. Redux 的原理就是一个发布订阅器,帮我们用一个变量存储所有的 State,并且提供了发布功能来修改数据,以及订阅功能来触发回调

  3. 而 React-Redux 的作用就是订阅 Store 里数据的更新,他包含两个重要元素,Provider 和 connect 方法

  4. Provider 的作用就是通过 Context API Store 对象注入到 React 组件上去

  5. 而 connect 方法就是一个高阶组件,在高阶组件里通过订阅 Store 中数据的更新,从而通过调用 setState 方法来触发组件更新

更多使用请见:redux

遍历的方法有哪些

常用的遍历方法:mapforEachfilterfor...infor...of

通常会问你 for...infor...of 有什么区别

  • for...in 用来遍历对象的 key 值和原型链上的值
  • for...of 用来遍历对象的 value

注:其他的遍历方法也请熟知