跳至主要內容
The blog of sarira

The blog of sarira

记录生活,交流想法,分享知识

实用工具
常用工具集,例如JSON格式化,图片裁剪压缩、图片,音频等文件下载,echarts图配置可视化
微信读书
Detailed description of the book
自定义链接
自定义链接
Detailed description of this custom item
React Context 实现原理解析

本文由我和ChatGTP联合共创,参考资料在文末,如有勘误请指出,如有侵权请联系我删除,谢谢! image.png

什么是 React Context?

ContextReact 提供的一种跨层级组件通信的机制,它允许你在组件树中共享数据,而不必手动通过 props 一层层传递。


Hew.iShare大约 10 分钟ReactjavascriptReact contextContext源码解析
胡乱邹的简介

胡乱邹的简介

初生世间不自知,

自以为,万木林中参天树。

而立之年,方知,林中之荫一颗草。

又如何?


Hew.iShare小于 1 分钟
座右铭收藏

座右铭收藏

座右铭,心里暗示也好,鸡汤也罢,总归是要警示,驱动自己,起码不至于沉沦,每天给自己一点心里暗示,总比浑浑噩噩的过下去要好的多。

我的

海纳百川


Hew.iShare小于 1 分钟随笔座右铭名言
好文收藏

好文收藏

在读书中,常常会遇到自己觉得好的句子,便记录下来,也算是有点用处


我们所习以为常的,也许并不是对的

从来如此,便对吗? --出处未知


Hew.iShare大约 3 分钟随笔读书笔记好文
useContext的使用规则及原理浅析

文章为去年所写,最近翻到笔记,为了熟悉一下,也为了方便看,将其放在博客中

Context

什么是Context

想象一下,我们有一个 React 应用,其中包含一个父组件,其中包含许多级别的子组件,以及子组件的子组件。 现在,我们要将数据从最上面的组件一直传递到最后一个子组件。在 React 中,数据通常通过props从一个组件自上而下传递到另一个组件。此时我们通过每个组件,通过它们的 props 传递该数据,直到到达最后一个子组件。如果这样的嵌套树形结构有5层或10层,那么将是灾难式的开发维护体验,并且容易出错。如果能不经过中间的节点直接到达需要的地方就可以避免这种问题,这时 Context api 就是来解决这个问题的。 Context API 允许我们轻松访问组件树中不同层级的数据,而不必通过 props 向下传递数据。


Hew.iShare大约 9 分钟技术ReactreacthooksuseContext原理
set-cookie与登录

背景

最近在做接口转发服务相关的东西,其大致架构如下图所示,本地的项目使用的是devServer启动,然后代理到了一个中间接口服务(暂且称为API Server),此接口服务监又监听和代理了Mock Server和真实的此时服务器Server。


Hew.iShare大约 4 分钟http知识点httpcookie登录set-cookie
File、Blob、ArrayBuffer等文件类的对象有什么区别和联系

前言

在前端中处理文件时会经常遇到File、Blob、ArrayBuffer以及相关的处理方法或方式如FileReader、FormData等等这些名词,对于这些常见而又不常见的名词,我相信大多数人对它们都有一种熟悉的陌生人的感觉。究其原因,相关的东西接触的不够多,且每次都网上随手拈来,不求甚解。今天,我们就稍微仔细一点,去做一个探究,弄清他们是谁,能做什么,又有什么区别,


Hew.iShare大约 9 分钟知识点技术FileBlobArrayBuffer文件处理二进制文件
2
3