首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端业务场景/组件/编码技巧【bysking】
bysking
创建于2024-08-28
订阅专栏
包含前端常见的业务功能,组件,技巧分享专栏
等 2 人订阅
共17篇文章
创建于2024-08-28
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【29 - git bisect】git bisect 命令进行二分定位,排查异常commit bysking
获取练手的代码项目,然后运行html,发现点击数字增加的功能异常 2.查看提交 3.发现提交比较多,如何快速找到是哪一次commit提交引发的问题呢 然后我们找到了这个命令: 然后刷新刚才打开的htm
【28 - 记住上一个页面tab】实现一个记住用户上次点击的tab,上次搜索过的数据 bysking
前端会话缓存管理:一个优雅的会话级别数据持久化解决方案 在现代 Web 应用开发中,我们经常需要在用户会话期间临时存储一些状态数据。今天给大家分享一个实用的会话缓存管理工具类
【27-vue3】vue3版本的"指令式弹窗"逻辑函数createModal-bysking
背景 一般基于Element-plus的弹窗是声明式子,的需要写在template里面,不太方便,本次咱们直接实现一个指令式调用的弹窗函数 使用示例 函数代码参考 有帮助记得一键三连 thanks !
【X6布局api】x6新版的布局失效 layout is not a function - bysking
layout is not a function issue: https://github.com/antvis/X6/issues/4441 文档未更新导致https://x6.antv.antg
【26-请求缓存】js实现一个请求缓存的功能-bysking
### 功能总结 `BcRequestCacheStore` 类实现了一个基于内存的请求缓存机制,主要用于避免重复请求、减少接口调用次数以及提高性能。以下是其主要功能点: **缓存管理**: -
【23-持久遮罩层】基于MutationObserverReact 实现持久遮罩层的实践与原理解析-bysking
前言 在前端开发中,遮罩层(Mask)是一个常见的 UI 组件。但在某些场景下,我们需要确保遮罩层始终显示在页面上,即使发生了 DOM 操作也不会被意外移除。今天就和大家分享一个基于 React 实现
【22-Antv X6实现流程图】自定义react节点实现流程图-bysking
一、背景介绍 大家好,今天分享下这个流程图效果的实现,帮助有需要的同学,依赖框架 - antv x6,直接上代码 流程图框架 流动线效果 自定义react节点 二、demo页面
【21-油猴快速登录脚本】实现一个chrome网页鼠标右键登录脚本-bysking
一、需求背景 我们在实际业务开发中,会遇到接口失效的情况,这个时候重新输入一次密码又比较繁琐,可以借助油猴脚本速完成登录操作
【前端umi-动态路由菜单】Umi Max项目的动态路由菜单方案-bysking
一、核心代码: 参考:https://umijs.org/docs/api/runtime-config#patchclientroutes 二、app.tsx 中获取数据,修改路由 三、layout
【调试 - bysking】 umi+yalc 调试本地npm包
一、配置处理 umirc.ts tsconfig.json 本地npm包 package.json 二、本地发包和连接包 yalc的使用可以参考这篇文章:https://juejin.cn/post/
【umi-keep-alive bysking】为你的umi 项目引入keepalive 页面缓存
一、常见方案 安装依赖 umi配置文件增加插件注入 项目入口文件App.tsx增加如下代码,修复keepalive组件则umi中无法与useAccess共存的问题 定义一个高阶函数:when函数最好由
【前端-组件】手摸手实现一个基于css的文本跟随的展开收起组件-bysking
一、背景介绍 大家好,我是bysking, 废话不多说,直接上干货,实现一个展开收起组件,本期你chen哥直接手摸手实现一个基于css+js的展开收起组件 二、效果展示 收起状态 展开状态 使用 三、
【前端-组件】定义行分组的表格表单实现-bysking
本文结合react+antd Pro组件库,提供了一种自定义行分组的表格表单的实现方案 先看效果 实现一个自定义表格行标题的表格,支持行分组合并 基于position:sticky设置吸附和滚动定位
【前端-基建】如何快速为你的React项目集成zustand
本文帮助有一定基础的同学快速在项目里面引入zustand,提供最佳实践 本文帮助有一定基础的同学快速在项目里面引入zustand,提供最佳实践
【UMI-MAX】umi-request 取消请求
在使用 umi 框架进行开发时,可能会用到 umi-request 或者其内置的 @ahooksjs/use-request(如果你使用的是 ahooks)来处取消HTTP 请求。
【前端-组件】UMI中使用react-monaco-editor封装编辑器表单 -【bysking】
文章讲究一个简洁明了,直接往下看 一、安装 二、umi的配置文件中配置 三、组件定义 四、使用示范
根据数据动态进行Antd表格行列合并的例子【bysking】
如图:实现一个动态行列合并的表格的思路,比较简单不过多赘述,直接贴demo代码了 (---为了凑摘要字数---) 如图:实现一个动态行列合并的表格的思路,比较简单不过多赘述,直接贴demo代码了