Twelve853

本项目是我现在所在部门的项目，是一个企业级中后台管理系统，包括系统管理、角色权限体系、基于 Activiti 的工作流引擎等很多开箱即用的功能。项目包括前后端，后端是我们部...

本文记录 umi3 升级到 umi4 的踩坑过程。核心变化：React Router v5→v6。主要问题：SSO 401、导航嵌套、useModel 白屏等。升级中借助 ...

集成React-Router、Antd、Redux-Toolkit和React-Query，并封装ESLint+Prettier+Husky的React项目脚手架，快来试试...

.env 环境变量 首先我们在项目根目录中创建三个文件，分别对应开发环境(.env.development)、生产环境(.env.production)和预发布环境(.en...

如果要使用 react 的话，对新手来说，首选脚手架大概就是使用由 facebook 官方出的脚手架 create-react-app 了（传送门 👉create-rea...

然而，对于一个大型项目，如果每请求一个 api 都要写以上类似的代码，显然会使得项目中重复代码过多，不利于项目的维护。因此，下文将介绍全局存储 loading 状态的解决方...

这个话题其实很早就有结论了，使用 useRef 保存 state，在获取 state 时读 useRef 的值。但是一上手开发业务可能还是会懵逼，所以今天我们详细聊聊下面这...

基于umi的前端脚手架（避坑，巨详细） 前言 每个前端初学者第一次接触的脚手架可能是vue-cli或者create-react-app吧，大家当时是否觉得不明觉厉，不明白它...

低代码项目实践：二次封装 react-ruler 标尺组件，实现画布的拖拽、缩放、自适应效果，同时保证标尺组件刻度对齐...

🌈vue3-sketch-ruler插件的蜕变与升级 👋 开场白 大家好，我是卡卡军。继上次分享了如何使用vue-demi打造Vue2/Vue3通用插件后，我带着满满的...

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主...

大家好，我是前端西瓜哥。 画布缩放是图形设计工具中很重要的基础能力。 通过它，我们可以像举着一台摄影机，在图形所在的世界到处游逛，透过镜头，可以只看自己想看的图形；可以拉近...

最终实现效果如下图 第一版 最开始接到这个需求的时候，想的很简单，感觉不是一个很复杂的东西 开始想的是用 transform-origin 和 transform:scal...

本文研究了网页版剪映是如何实现的，并写了简易的demo，WebCodes进行编解码，webgl做视频转场...

Promise 大伙太熟悉了，不过这里不讲大伙都知道的表面简单知识，而是一起来深入剖析 Promise 的注册微任务和执行的完整过程。能正确的使用 Promise 且能做到...

老项目的业务逻辑和结构过于混乱，因此决定着手重构，简单记录项目中的一些重构 case...........

相较于繁重的WebSockets，SSE无疑是H5简单即时数据更新的轻量级代替方案。Server-Sent Events服务器推送事件，简称SSE，是HTML5中一个与通信...