欢迎关注我的公众号:萌萌哒草头将军,关注或者入群获取工具书 PDF。
文章同步更新在公众号:萌萌哒草头将军,欢迎关注
好久不见,该系列已经更新了三篇了,上文介绍了 React 是如何通过 Lane 模型判断更新任务的优先级的,视野聚焦于 Lane 模型的原理,今天我们详细看看 Lane 模型工作前发生了啥。
💡 相关阅读
文章同步在公众号:萌萌哒草头将军,欢迎关注
💡Tip 1:告别 display: none
当你需要隐藏一个元素时,首先想到的可能是display: none
,或者visibility: hidden
,
现在有一个更简便的方式:直接在HTML
元素使用hidden
属性,它的值还可以是hidden="hidden"
或者hidden="invalid value"
接着上篇文章:React 状态管理库—— zustand 为啥这么简单易用 🚀
今天探究 Zustand
底层原理
🚀zustand
为什么这么好用
第一次使用 zustand
被惊艳到了。只需要调用create
函数创建store
就可以直接在任何组件使用了。
文章同步在公众号:萌萌哒草头将军,欢迎关注
🚀 简单易用的 zustand
🚀 简单的对比
说到中大型 React 项目状态管理库,最先想到就是 Redux。而 Redux 是基于 Flux 架构模式的状态管理库。
文章同步在公众号:萌萌哒草头将军,欢迎关注
文章同步在公众号:萌萌哒草头将军,欢迎关注
⚡️ 使用 Vite
前段时间,将练习了时长两年半的 react 项目脚手架换成 vite 了,过程如下
首先使用 vite 创建基础项目框架
npm create vite@latest my-vue-app --template react-ts
文章同步在公众号:萌萌哒草头将军,欢迎关注!
需求背景
前几天我们的客户对我们组的客户经理提了个需求,每次上线前端页面需要在HTML里给定版本信息,因为我们客户单位会定期爬取版本信息进行汇总展示在大屏。
版本信息要求如下:
- 上线日期
- 上线内容描述
- 对应git提交ID
- 对应项目的版本号
调研
我立马想到使用插件,前几天我已经将项目脚手架换成vite了,我找了一圈,发现了几个相似的需求,不过都是直接生成 meta 标签,跟我的需求不符
文章同步在公众号:萌萌哒草头将军,欢迎关注
插件已经开源了,可以看文章末尾
console狂魔能有多狂
事情是这样的,前段时间我加入了公司某个小项目组
入组第一天,我要来了项目权限,下载完代码和依赖
然后npm start
,打开浏览器控制台,
我尼玛,一个登陆页面就这么多log
?
此刻我怀着忐忑的心情打开了自己的即将负责的模块入口页面:
这让我怎么调试啊?
文章同步在公众号:萌萌哒草头将军,欢迎关注
今天继续上次的内容,使用hook封装几种的异步请求函数场景。
🚀 立即请求函数
我们期望的场景是,
- 初始化一个请求函数,然后根据初始参数,立即发送请求
- 返回请求结果,并且返回请求回调函数,方便我们根据新的参数再次调用
- 要求返回值包含加载中状态,错误信息以及正常的数据类型。