- 博客(13)
- 问答 (1)
- 收藏
- 关注
原创 AI编辑器-Cursor-无需编码零基础搭建React项目
Cursor利用GPT技术,将开发者的自然语言描述转化为代码,从而实现代码的快速生成。Cursor 是一款智能开发者编程工具,底层是由Chat-GPT3.5 or Chat-GPT4.0多引擎支持的,国内可以直接使用。在cursor中,通过快捷键ctrl+i打开Composer,将需求描述及使用的技术栈提供给AI,生成功能所需的文件夹及文件,点击右下角Accept all接受建议,生成文件。下面是我通过cursor实现的简单的任务管理器,本项目中没有进行一行编码,完全通过与AI交流实现。
2024-09-09 17:45:21
2376
原创 react-simple-keyboard虚拟键盘的应用
preventMouseDownDefault:保护焦点,一般用于点击键盘输入框不失焦。onRender:键盘渲染事件 (event)=>{} 一般用于键盘初始化。keyboardRef:键盘的实例,通过React的useRef创建实例。layoutCandidates:中文键盘。使用中文在官方下载chinese.js文件。layoutName:react布局名称。layout:键盘的布局,可自定义。onKeyPress:按下键盘事件。onChange:键盘变更事件。display:键盘按键自定义。
2023-08-23 16:37:56
1169
1
原创 修复“net::err_cert_authority_invalid”错误
在请求接口时接口报错,当您的浏览器无法验证您网站的SSL证书的有效性时,就会出现此问题。如果您尚未设置证书或为您的网站使用HTTP(不推荐),则不应遇到此错误。
2023-08-11 11:51:39
31147
3
原创 应用npm workspace 维护多git仓库的package.json
新建packages文件夹,这个是workspace规定的文件夹名称,将项目代码包和组件代码包放在packages文件夹下,目录结构:(项目a和common组件的package.json中name名称不能重复)common组件也可以放在项目a中引用,同时顶部包package.json workspaces属性路径也要功更改。3.在根目录中执行npm install 安装依赖,安装的依赖是a的依赖加上common的依赖,a和common都可以使用根目录下的node_modules。
2023-06-09 16:07:08
954
原创 electron-builder打包过程中的网络问题
electron在打包过程中需要访问github的镜像依赖,在大多数情况下由于网络问题都会报错,尤其是在离线环境下。
2023-05-23 14:23:14
1271
1
原创 React前端渲染优化--父组件导致子组件重复渲染的问题
当父组件本身状态更新时,这个状态并没有作为props传给子组件,也会触发子组件更新机制。这样就造成了组件重复渲染的问题
2023-02-23 11:15:07
1337
原创 解决React异步回调获取得state 不能传递给组件最新值问题
在这里我封装了一个tabs组件 需要将显示的组件传给封装的tabs组件,我是用react的useState保存拿到后端的数据。因为react的 setState是异步,在传递时子组件拿不到更新的数据。在页面初始化时,调用后端接口,返回要显示的tabs。数据结构是这样的:show为Y就显示,为N就不显示。之后将stateRef传给子组件就ok了。使用useRef 封装了一个hooks。
2022-09-14 15:14:46
1345
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人