基于zustand维护的一套跨框架(react/vue)跨应用的状态管理及共享方案

2023-06-15
阅读 3 分钟
851
只要从事前端开发,不论是小程序还是web,都绕不开状态管理。\众所周知, zustand 是一套轻量、便捷、可拓展的状态管理方案,不论国内 or 国外,都备受喜爱,star 数已接近 3W。

🚀 拆分代码 + 预加载,减少首屏资源,提升首屏性能及应用体验

2023-03-21
阅读 3 分钟
866
组件懒加载可以极大地提升我们的应用首屏加载体验, 但我们在进行组件资源拆包后,一旦加载某个组件资源出现以上时间过长的情况,则会出现视图无法正常渲染的问题(导致页面白屏/组件出不来/交互卡顿等情况)。
封面图

zustand 带着 zustand-vue / zustand-pub,它们来了!!!

2023-03-14
阅读 3 分钟
1.1k
context value发生变化时,所有用到这个context的组件都会被重新渲染,即使 component 需要的 state 可能根本沒有变动。基于 context 维护的模块越多,影响范围越大, 某些情况下会导致页面明显卡顿。
封面图

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

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

【前端状态管理】React 状态管理工具如何选

2023-02-01
阅读 4 分钟
1.4k
“状态”是描述应用程序当前行为的任何数据。这可能包括诸如“从服务器获取的对象列表”、“当前选择的项目”、“当前登录用户的名称”和“此模式是否打开?”等值。
封面图

【NextJS】一文了解 NextJS 并对性能优化做出最佳实践

2022-10-21
阅读 7 分钟
1.6k
NextJS是一款基于 React 进行 web 应用开发的框架,它以极快的应用体验而闻名,内置 Sass、Less、ES 等特性,开箱即用。SSR 只是 NextJS 的一种场景而已,它拥有4种渲染模式,我们需要为自己的应用选择正确的渲染模式:
封面图

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

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

【koa2】用中间件 koa-static-router 快速搭建静态资源服务器,实现多级路由加载静态资源

2021-02-05
阅读 2 分钟
2.9k
选择多个路由时,请确保路由长度相同 '/static/' - >路由长度 = 1 '/static/image1/' - >路由长度 =2
封面图

【koa2】用中间件koa-static-router 搭建静态资源服务器,实现多级路由加载静态资源

2021-02-03
阅读 2 分钟
2.2k
选择多个路由时,请确保路由长度相同 '/static/' - >路由长度 = 1 '/static/image1/' - >路由长度 =2
封面图

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

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

基于Taro开发的小程序多端UI组件库 taro-custom-ui

2019-05-10
阅读 1 分钟
4.4k
taro-custom-ui CustomUI 是一套基于Taro开发的小程序多端UI组件库,目的在于给开发者提供更灵活的布局组件及样式,以满足更多个性化的场景 Featured Components {代码...} Commmon Components {代码...} Developing , Welcome To Experience // 开发中,欢迎体验

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

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