- 博客(332)
- 收藏
- 关注
原创 AI在开发过程中的使用
场景使用占比(根据近100次对AI的使用统计)根据自然语言生成代码(45%):这是最常见的用途之一,开发者经常利用AI直接从描述性需求中生成代码,减少手动编写的时间。代码优化与调试(15%):包括自动化的代码审查、性能优化建议以及针对错误信息的解释和修复方案,这些都对提高代码质量和解决bug至关重要。智能代码补全(12%):在编码过程中,AI提供的智能补全功能极大地提高了开发效率,减少了键入错误并加快了开发速度。文档与协作。
2025-02-27 11:50:01
622
原创 umi项目中使用mockj生成数据模拟请求调用
is:检查值是否满足给定的正则表达式。@in:从给定的数组中随机选取一个值。:生成一个中文句子。:生成一段中文段落。
2024-09-24 15:31:42
400
1
原创 【bugfix】-洽谈回填的图片消息无法显示
后台客服角色有和移动端用户聊天的功能,聊天功能的实现基本依赖于外部sdk(后文称ImJsSdk),该ImJsSdk在项目中以源码的方式引入新增需求:管理员需要查看所有聊天记录。
2024-09-20 15:31:04
805
转载 TypeScript 如何使用 @ts-ignore 忽略 TypeScript 错误
本文介绍了如何使用 TypeScript 中的 @ts-ignore 来忽略类型错误。通过使用 @ts-ignore 注释,我们可以临时性地跳过某些类型检查,以便快速开发或调试。在使用 @ts-ignore 注释时,需要注意尽量只将其应用在真正需要忽略类型检查的代码,保持代码的可读性和稳定性。此外,还介绍了如何使用特定的错误码以及注释来实现更细粒度的类型错误忽略。总之, TypeScript 的类型检查是一项有力的工具,但在某些情况下,使用 @ts-ignore 来忽略类型错误可以提高开发效率。
2024-08-14 10:43:55
1529
原创 dva的model中实现请求的并行调用
在dva的model中,详情接口返回了内容详情的的字段(该字段存储的是富文本的内容),但是该字段返回的是oss链接,需要将oss转换为html才能正常展示,所以我需要再详情接口返回之后,批量获取oss链接对应的html。
2024-07-16 11:14:10
321
原创 为微信小程序项目添加eslint
在使用vscode开发微信小程序的过程中,修改js的时候发现没有报错提示,让我很不习惯,所以想为微信小程序项目添加eslint配置。
2024-06-19 14:51:36
1228
原创 使用node写脚本生成小说
网上很多小说只能在线观看,没有下载功能,正好最近在学习node.js,就想着是否能用node写个脚本,批量获取每一章节的内容然后整合成txt并输出
2024-06-17 16:48:31
786
1
原创 js使用链表实现音乐播放器(新增,下一首播放,置顶,删除)
链表是一种线性数据结构,与数组类似,它用于存储一系列元素。不过,与数组在内存中连续存储元素不同,链表中的元素(称为节点)在内存中可以是非连续存放的。每个节点包含两部分:一部分存储数据,另一部分存储指向下一个节点的引用(或指针)。最后一个节点的指针通常指向 null,表示链表结束。假设我们要创建一个链表来存储一系列整数。链表的第一个节点(头节点)存储数字 1,第二个节点存储数字 2,以此类推。节点1 -> 节点2 -> 节点3 -> ... -> 节点n| | | | |
2024-05-28 17:29:30
533
原创 自用网站合集
总览线上工具-图片压缩 TinyPNG线上工具-url参数解析 线上工具-MOV转GIF UI-Vant微信小程序版本其他-敏捷开发工具 Leangoo领歌工具线上工具-图片压缩 TinyPNG不能超过5m,别的没啥缺点线上工具-url参数解析 我基本上只用url参数解析一些常用的操作在线版,页面比较干净线上工具-MOV转GIF UI库Vant-UI 微信小程序版本其他敏捷开发工具-Leangoo领歌有看板还可以生成燃尽图
2024-05-24 17:54:16
485
原创 js实现json数据可编辑
项目中有低代码平台,由于历史脏数据和非同步编辑的问题,偶尔会出现数据错乱的问题,希望有一个快捷的方式修改数据之前在用Formily的时候有注意到里面的json数据编辑功能非常不错如果能应用到项目里就完美了。
2024-05-07 17:09:49
2017
1
原创 npm安装依赖报错 ` Can‘t find Python executable “python“, you can set the PYTHON env variable`
npm安装依赖报错 ` Can't find Python executable "python", you can set the PYTHON env variable`
2024-04-11 16:04:41
1368
原创 使用阿里云oss图片处理实现大尺寸图片加载优化
使用阿里云oss图片处理实现大尺寸图片加载优化;为方便客户减少图片的处理,h5端需要加载20m的大尺寸图片。
2024-01-05 14:47:45
909
原创 taro使用defineConstants定义全局变量eslint报错该变量不存在
在taro项目中使用defineConstants定义一些全局变量供业务代码中进行使用,全局变量声明。
2023-10-20 14:03:01
656
原创 使用 Google 的 zx 库编写切换微信小程序环境的脚本
微信小程序目前为止还没有提供API或者具体的配置方式,给我们设置环境变量,所以还得自己想办法。创建一个 shell 脚本——一个由诸如 Bash 或 zsh 之类的 shell 执行的脚本——可以是自动化重复任务的好方法。Node.js 似乎是编写 shell 脚本的理想选择,因为它为我们提供了许多核心模块,并允许我们导入我们选择的任何库。它还使我们能够访问 JavaScript 提供的语言特性和内置函数。
2023-07-12 17:56:40
1216
原创 js 对象的过滤
JavaScript的对象不像数组或字符串那样可以迭代,所以我们不能直接在对象上使用filter()方法。在这篇文章中,我们将探讨如何利用JavaScript中的es6方法结合数组的filter()方法来过滤一个对象。filter()允许我们在一个数组中进行迭代并且只返回该数组中符合特定条件的项目到一个新数组中。
2023-04-24 11:51:51
1752
原创 eslint自定义规则(禁用 localStorage和sessionStorage)
项目为了统一管理localStorage和sessionStorage,使用了统一的方法对Storage进行存取.为限制项目成员直接使用和,需要通过eslint对直接引用的形式加以限制。
2023-03-21 15:05:52
415
原创 【bug】antd全局的主题色样式被覆盖,被修改为`antd`默认的主题色
【bug】antd全局的主题色样式被覆盖,被修改为`antd`默认的主题色
2023-03-09 10:10:36
1111
原创 React Hook 多个setstate的合并
在同步方法内执行setState,多个setState会被合并成一个执行在异步方法内执行setState,多个setState会分开执行/*** desc: 打开控制台查看打印结果// 列表刷新 const [ results1 , setResults1 ] = useState('results1');console . log('请求结束' , res . json());saveData(` 异步- ${ new Date() . getTime() } `);
2023-01-31 14:25:53
625
原创 react中使用useEffect模拟componentDidUpdata(使 useEffect 在渲染时不执行,只在数据变更时执行)
在列表搜索条件变化时,需要保存搜索条件,但是保存搜索条件这个方法不需要在组件挂载时执行,即如何使 useEffect 在渲染时不执行,只在数据变更时执行(即模拟类组件的componentDidUpdata)
2023-01-31 11:30:24
1208
2
原创 Typescript 常用写法-类型联动
类型联动是指在一个对象中,当某个属性的值发生变化时,其他属性的类型也随之变化。这种机制使得类型系统更加灵活和强大,能够更好地描述复杂的数据结构。
2022-12-15 17:07:18
439
1
原创 JSON Schema的应用(具体的使用场景)
借助vue、react框架组件化理念以及动态渲染组件能力,涌现了许多基于JSON Schema配置文件渲染表单或者组件的库,有效解决通用性组件大量重复使用的场景。通过JSON配置组件乃至页面,能够使代码转化为文件,使数据得以导入导出,便于迁移储存。另外也可以开发可视化编辑器,通过拖拽交互,生成JSON文件,降低开发使用难度。基于这一系列的方案,使开发效率大大提升和降低后续的代码维护。
2022-10-21 17:58:46
4283
转载 Vue 中 computed ,watch,methods 的异同
computed 计算属性只有在相关的数据发生变化时才会改变要计算的属性,当相关数据没有变化是,它会读取缓存。1、watch和computed都是以Vue的依赖追踪机制为基础的,它们都试图处理这样一件事情:当某一个数据(称它为依赖数据)发生变化的时候,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动。当处理页面的数据变化时,我们有时候很容易滥用watch, 而通常更好的办法是使用computed计算属性,而不是命令式的watch回调。
2022-09-23 16:29:15
261
原创 react中获取dom元素的高度(table铺满屏幕剩余高度)
react中获取dom元素的高度(table铺满屏幕剩余高度)使用antd写了一个table,为了交互上友好;要求如下1. 下图红色区域铺满屏幕剩余高度;2. table高度不限,有纵向滚动条;3. 页面不允许出现纵向滚动条;
2022-08-10 19:07:10
5786
原创 lerna publish时报错 E401 [UNAUTHORIZED] Login first
lerna publish时报错 E401 [UNAUTHORIZED] Login first
2022-08-02 13:18:59
2583
1
原创 safari浏览器打不开localhost(http)本地环境,将资源指向了https
使用umi(2.0)启动项目进行本地开发例如:使用safari浏览器访问本地地址后报错如下(谷歌浏览器正常)注释掉如下mate标签原理解析:HTTP Content-Security-Policy(CSP) upgrade-insecure-requests指令指示用户代理将站点的所有不安全 URL(通过 HTTP 提供的 URL)视为已替换为安全 URL(通过 HTTPS 提供的 URL)。该指令适用于具有大量需要重写的不安全遗留 URL 的网站。CSP: upgrade-insecure-reque
2022-06-21 10:30:58
3628
原创 umi项目中使用html-loader引入html文件报错`this.getOptions is not a function`
通过umi配置项chainWebpack添加了`html-loader`,运行项目的终端报错`TypeError: this.getOptions is not a function`
2022-06-06 17:13:45
1023
1
原创 Formily 如何开发一个自定义表单控件(上)
背景在我们使用formily开发的时候,不可避免会遇到定制组件的需求。定制组件主要分为两种情况:该功能底层组件支持,需要属性映射该功能底层组件不支持,需要对底层组件进行定制开发本篇文章介绍第一种情况,该功能底层组件支持,需要属性映射编码实战schema中有一个自定义的属性withCount,input本身没有该属性,需要通过mapProps做映射处理demo地址demo-定开组件-属性映射组件jsimport React, { useMemo } from 'react';im
2022-05-19 15:35:41
5153
2
原创 typescript报错:当switch的条件为true时ts没有校验case中的条件
问题描述当switch的条件为true时ts没有校验case中的条件有问题的代码type Pos = { index: number; deviation: string; }| null |false; const getPos=(type:number):Pos=>{ switch (type) { case 1: return { index: 1, deviation: '1'}; case 2: return null;
2022-05-06 16:33:04
1273
原创 JS POST请求发送文件同时发送其他参数
通常的POST请求的业务场景,不是上传文件,就是提交表单,很少遇到上传文件同时需要提交表单信息,但是如果遇到了应该如何处理呢?let formData = new FormData(); // 创建form对象formData.append('file', file); // 通过append向form对象添加文件数据formData.append('a', 'a'); // 添加form表单中其他数据formData.append('b', 'b'); // 添加form表单中其他数据const
2022-05-05 14:57:18
4111
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人