【前端状态管理】觉得 Redux / useReducer + Context 都过于复杂?学习下最简单的全局状态管理方案。

2023-02-16
阅读 2 分钟
557
该方案抛弃了Reducers + Action Types,主要分为三步:基于 hooks 构建 Store将 Store 基于 context 传递给子组件子组件更新 Store,并触发渲染1.基于 hooks 构建 StoreuserStore.tsx {代码...} loginStore.tsx {代码...} 2.将 Store 基于 context 传递给子组件context.tsx {代码...} app.tsx {代码...} 3.子组件更新 St...

推荐一款个人开源的图片色值处理工具 image-color-utils

2021-11-05
阅读 3 分钟
1k
image-color-utilsDESC提供取色、色值相似度对比、色彩边界值计算等能力。democodesandboxInstall {代码...} Usagees {代码...} commonjs {代码...} APIImageColorUtilspickColoradjustcomparehex2rgbrgb2hex\# ImageColorUtils {代码...} ArgumentsNameDescTypeDefaultrequiredorigin数据源(可以是 http链接 / ImageBit...

【Javascript】探究javascript中的堆/栈/任务队列与并发模型 event loop的关系

2019-05-15
阅读 1 分钟
1.5k
在javascript中,存在调用栈 (call stack)和内存堆(memory heap) ,程序中函数依次进入栈中等待执行,若执行时遇到异步方法,该异步方法会被添加到用于回调的任务队列(task queue)中,【即JavaScript执行引擎的单线程拥有一个调用栈、内存堆和一个任务队列】

【Javascript】深入理解this作用域问题以及new/let/var/const对this作用域的影响

2019-04-30
阅读 3 分钟
1.7k
this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window,而当函数被作为某个对象调用时,this等于那个对象。不过,匿名函数具有全局性,因此this对象同常指向window