冯叶青

摘要： 前言 在团队开发中，分支合并是一个常见但又令人头疼的问题。特别是当多个分支同时对同一文件进行修改时，解决合并冲突往往需要手动干预。今天给大家分享一个基于时间戳的自动分支合并脚本，它能够自动处理合并冲突，大大提高工作效率。 功能特点 自动合并指定的源分支到目标分支 基于最后修改时间戳自动解决冲突 支持 阅读全文

摘要： 组件依赖 { "scripts": { "i18n:extract": "lingui extract" }, "lint-staged": { "**/*.{js,jsx,ts,tsx}": "npm run lint-staged:js", "**/*.{js,jsx,tsx,ts,less,m 阅读全文

摘要： 在日常开发中，短信验证码输入是一个非常常见的需求。今天和大家分享一个基于React实现的验证码输入组件，它具有以下特点： 支持6位数字验证码输入 自动聚焦下一个输入框 支持回退删除 支持移动端输入 输入完成后自动触发回调 组件代码实现 const SmsVerify = ({ onComplete, 阅读全文

摘要： 前言： 在现代 Web 开发中，动画效果对于提升用户体验起着重要作用。Lottie 是 Airbnb 开发的一个强大的动画库，它可以解析通过 Adobe After Effects 创建并导出为 JSON 格式的动画。今天我们来看看如何在 React 项目中优雅地封装和使用 Lottie 动画。 安 阅读全文

摘要： 问题背景 在 Next.js 应用开发中，我们经常需要在不刷新整个页面的情况下更新 URL 参数。常见场景包括： Tab 切换 筛选条件更新 分页参数变化 搜索条件更新 最初，我们可能使用 history.replaceState 或类似的方法来实现： // 传统方案 const replaceSt 阅读全文

摘要： 问题描述 在本地环境打包正常，但在Jenkins环境构建时遇到了与SWR库相关的模块导入错误。错误信息显示无法从非ECMAScript模块中导入命名导出，只能使用默认导出。主要报错如下： Can't import the named export 'createContext' from non E 阅读全文

摘要： 问题描述 在 Jenkins CI 环境中构建 React 项目时，遇到了以下错误: Error: btoa is not defined 11 | }; 12 | const QkImagePreview = (props: QkImagePreviewType) => { > 13 | cons 阅读全文

摘要： 场景 在一般的网页开发过程中，往往我们都要下载较多的切图，而这些切图未必都做了压缩，即使做了压缩，效果未必能达到理想效果。 要解决这种图片压缩问题，途径有很多 1. 手动将图片丢到xx站点，压缩好之后再放进项目 2. 让UI给已经压缩好的图 这些方式都得靠人工操作，人工操作往往存在一些不确定性，比如 阅读全文

摘要： 背景介绍 目前有个项目，页面已上百，突然说要做国际化，懵了，页面这么多，那不得累滩，之前接触过的国际化是 react-intl，原理：每个国家的语言维护一份js字典，字典里有很多key，都是唯一，使用时通过读取这个key就能拿到对应国家的语言文本内容 例如 import { IntlProvider 阅读全文

摘要： 业务场景介绍 点击浏览器右上角已安装的chrome插件图标，这个时候会出现一个界面，我们称这个界面为popup，界面上有个"从页面获取产品信息"按钮，单机它会对当前标签页面内容进行截图，最后将截图的图片转成base64发送至xx接口 部分核心代码解读：截取当前可视区域的图片，为了能够截图足够多信息， 阅读全文