- 博客(42)
- 收藏
- 关注
RSS订阅原创 自定义 eslint 规则
自定义ESLint规则实现金额运算校验本文介绍了如何创建自定义ESLint规则来检测金额变量直接相加的操作，防止精度丢失问题。通过创建eslint-plugin-guojieeslint插件，实现规则定义（禁止Amount结尾变量直接相加）、错误提示和规则配置。使用npm link方式在项目中应用该规则，并在.eslintrc.js中配置启用。该方案适用于ESLint 8.57.1及以上版本，可以有效规范团队代码中的金额运算操作。
2025-06-14 15:00:04
213
原创 React实现lottie文件预览（可识别json文件或压缩包带资源的素材）
获取到json 数据 外加 图片/媒体资源文件 就可以组装数据。🔴 1、React实现lottie文件预览，所用到的第三方库。后缀的文件，在进行文件资源遍历的时候需要过滤掉。也可以实现资源本地化模式的方式预览压缩包。可以实现资源线上化模式的方式预览压缩包。解压之后，会存在一些隐藏文件的出现。使用会有点问题，后面就进行说明。可以实现json文件的直接预览。mac 电脑的压缩文件在使用。也可以实现压缩包带资源的素材。🟢 1.2、可实现的效果。
2025-03-04 10:39:38
317
原创 国内大量平台接入DeepSeek-R1-联网满血版 -
钉钉Ai助理：https://applink.dingtalk.com/client/aiAgent。腾讯文档：https://docs.qq.com/ai?腾讯元宝：https://yuanbao.tencent.com/QQ浏览器：https://aisearch.qq.com/知乎直答：https://zhida.zhihu.com/当贝AI：https://ai.dangbei.com/腾讯ima：https://ima.qq.com/
2025-02-21 09:50:55
492
4
原创 grid 布局react组件可以循数据自定义渲染某个数据 ，或插入某些数据在某个索引下
【代码】grid 布局react组件可以循数据自定义渲染某个数据 ，或插入某些数据在某个索引下。
2025-01-20 11:08:59
440
原创 快速的配置Prettier，让代码更整洁
一个人一个代码风格，先抛开语法的使用不谈，加不加空格、加不加分号也是萝卜白菜各有所爱，那怎么统一我们的代码格式呢prettier就是为我们解决这个问题的。
2024-10-09 17:30:37
611
原创 快速的配置Prettier，让代码更整洁
一个人一个代码风格，先抛开语法的使用不谈，加不加空格、加不加分号也是萝卜白菜各有所爱，那怎么统一我们的代码格式呢prettier就是为我们解决这个问题的。
2024-10-09 17:29:20
759
原创 git误操作带来的麻烦-merge
如果你想将一个本地分支（我们称之为source-branch）的内容完全覆盖远程的另一个分支（我们称之为target-branch），可以按照以下步骤操作。但请注意，这种方法会永久性地改变target-branch的提交历史，所以在执行之前，请确保你有相应的权限，并且已经备份了所有重要数据。数据安全：这一步骤会永久性地改变远程分支的历史，如果有其他人在该分支上工作，他们的本地历史将与远程不匹配，可能导致他们需要采取额外措施（如重新克隆或变基）来解决冲突。
2024-09-24 14:25:48
976
1
原创 react 判断整个表单/state数据是否有变化 从而实施不同的操作逻辑解决方案【潦草版】
如果使用的antd 的from ，可以直接进行整个表单的数据监听onchange，判断这个key 是否是排除之外的值 如果不是则给haschange 打上标记。我们可以重写setState 方式，只要他调用我们的setState参数 则 进行haschange打标记。产品说需要判断整个表单的数据 如果只有某两个值变化不会走这个逻辑，其他值变化了那就需要走这个逻辑。比如从 1 => 0 又从 0 =>1 本质上是没有变化 但是我们依旧判断为变化了。这个只是粗略的监听 并没有实质性监听某个值真的是否发生变化。
2024-08-15 14:57:05
362
原创 【不用学习git指令，也能快速解决git合并提交所带来的问题】待完成
开发时候，我有很多小需求，都是在不同的开发分支上进行开发，最终合并到某个版本的分支上预发环境，验收通过之后需要单独将某个小需求上生产环境。有时候自己会忘记这个需求代码的分支是哪个了。平时都是记录在笔记本上去查看的，但就是忘记了，怎么根据某次改动去查看他的提交信息呢。这个插件可以指出我们提交的信息，想看我们提交的代码和分支我们如下操作。当我们在vscode中鼠标放置某行的时候就可以看到对应的提交信息。首先我们先安装两个常用的git插件。
2024-07-24 17:58:08
559
原创 【在开发小程序的时候如何排查问题】
思路：实现一个react组件，该组件可以配置在最外层，则他的子组件里的所有原生的console方法，都会被重写，重写的console方法会自动收集打印的日志内容，并将内容存储起来，然后在ui中呈现出来。在最近开发小程序的时候，经常出现本地在浏览器中调试没有问题，但是一发布到预发环境就出现各种个样的问题。ps: 最好做一个悬浮的工具按钮，让其悬浮固定在页面某个位置，点击查看日志即可。所以，作为前端的小伙伴我们应该怎样处解决小程序开发中所出现的问题呢？ps: 样式可以自行定义。边界问题，导致js报错。
2024-07-24 11:01:14
818
原创 commonjs、module 模块同时启动
❓：在一个react 项目中怎么既可以执行node 代码又可以启动正常的react 项目 ,不然每次都要切换package.json文件中 “type”: “module”, 或 commonjs。后端目录（例如/server）：存放Node.js服务器代码，使用CommonJS或ES模块，根据需要设置"type"字段。今天在使用node实现完增删改查的接口之后，将自己node代码嵌入到我们react项目中。前端目录（例如/client）：包含React应用，可以正常使用ES模块。
2024-07-05 16:07:21
318
原创 使用ndoe实现自动化完成增删改查接口
使用手写笔记的方式去记录分支到头来也是眼花缭乱，作为前端工作3年的弟弟想着为啥不能自己直接将这些数据存在数据库里，实现一个增删改查的日常工作记录管理呢？🟢 2.2、我们新建一个连接，连接到我们的数据库，连接成功之后，我们新建一个数据 名字你随便，然后我们新建表，我们在上面的新建查询中执行。🟢 2.3、我们的表就创建完成了，接下来我们就可以使用node连接我们这个数据库去实现一些增删改查的操作了。🟢 1.3、完成数据库的安装，能正常启动我们即可进入正题。数据库的可视化工具免费的哦，
2024-07-05 15:07:04
1320
原创 使用useContext封装一个小型全局数据存储共享工具hook
在构建React应用时，我们经常需要跨多个组件共享状态。虽然Redux等状态管理库在大型应用中表现出色，但对于小到中等规模的项目来说，它们可能显得过于复杂。在这篇文章中，我将向你展示如何使用React的useState和useContext钩子创建自定义Hook来管理全局状态，同时演示如何有效地执行批量状态更新以防止状态覆盖在我们的APP.tsx中，将我们的hook包裹这个组件
2024-05-20 16:16:21
1266
原创 React实现Abbr组件（基础版）
日常开发中我们可能有一些文本长度很长溢出的情况，我们可以通过设置他可以展示多少个字或展示几行来让其溢出之后展示省略号，且鼠标hover之后我们使用antd组件Tooltip进行提示，目前还是基础版本，后续要给其添加heightline 可以高亮关键字，大佬们如果存在问题可以联系我，一起讨论哈。
2024-04-29 10:01:14
154
1
原创 vite自动关闭端口号插件
命令，比较麻烦，我们可以使用 vite 插件去优化这个步骤，我们新建一个 vite 插件 js 文件。的时候，第一次会报端口号被占用，并且执行这个插件，我们再去执行一遍。❓：有时候我们需要强制将我们的端口号进行固定，💡：我们在 server 中配置如下。文件中，我们进行插件的引入。需要我们手动去执行一次。
2024-04-29 09:35:07
380
原创 g2条形图填充色设置渐变色
可以查看图表的样式所有样式地址，最下面有 v4 版本渐变色和纹理设置的用法。在 4.*版本是不支持设置 fill 属性为。具体可以参考这里官方的例子。
2024-04-19 17:20:31
825
1
原创 ChartGPT以流返回结果node怎么实现
❓：1.ChartGPT 以流返回结果 node 怎么实现？1.ChartGPT 以流返回结果 node 怎么实现？3.怎样实现打字机式将结果回显在我们页面上？❓：2.我们前端应该怎么处理接收返回结果？2.我们前端应该怎么处理接收返回结果？❓：怎样实现打字机效果？
2024-04-19 17:14:28
358
1
原创 git如何修改自己的commit信息
我真服啦，家人们，看了你们所有的教程，怎么都操作不来，能不能一步步细化一下啊，我真的哭死，搞了好久，一会代码回退一会新加了一些新的 commit 信息，一会有事 merge,我人麻了
2024-04-19 17:11:48
657
1
原创 继续学习webpack+react路由+页面刷新404+nginx部署404+webpack魔法注释
继续学习webpack+react路由+页面刷新404+nginx部署404+webpack魔法注释
2024-04-19 17:06:23
419
2
原创 webpack 学习从零到亿过程
适合小白从零到一搭建一个项目，虽然没有效果的截图但是知道跟随这个步骤流程走下去，你就会成功掌握打包的原理，动动手让我们把webpack从零到亿的过程走下去吧
2024-04-19 17:04:57
1589
1
原创 vite配置全局变量直接调用函数
defs.untills.getfun()的方式，直接调用我们的函数，不再使用import 的方式进行导入，直接在工程化上做手脚进行自动导入解决。ok 开发环可以正常运行了，我们生产环境也需要这样处理一下！接下来我们就可以在项目中使用我们的定义的全局变量了。
2024-04-16 10:06:15
1791
原创 前端node开发接口以及使用postman测试接口以及前端调用接口
🔴 1、首先使用 node 开发接口（mysql 的安装就不介绍了，本人使用的 navicat 可视化界面 mysql 数据库🟢 1、1 紧接着创建数据库以及一些数据（用户表 和 案例表）🟢 1、2 使用 node 连接数据库 开发接口1.2.1 安装依赖1.2.2 创建 index.js 文件，node 连接数据库，开发 get 请求/login和 post 请求/getpage${||""${||""${${${`);});🟢 1、3 启动项目 开启接口。
2023-09-26 15:57:43
217
1
原创 CommonJS 和 ECMAScript 转换
在完成一个加密工具的过程中，本来只想使用 commonjs 语法完成该功能，但是在使用 chalk 的时候发现 chalk 是通过 ES 模块导出的，无法使用 require 引入（当然也有一些方法，可以使用 bable 去转化，但是本人想实现使用 es 语法，目前还没写多少内容，以下是转化注意的地方）
2023-09-26 15:45:12
122
1
怎么提升自己的深度和广度让自己触及一些未知领域
2024-04-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人