- 博客(18)
- 收藏
- 关注
RSS订阅原创 yarn使用monorepo
本文介绍了如何搭建一个基于Yarn Workspaces的Monorepo项目结构。主要内容包括：1)初始化package.json配置workspaces目录；2)创建项目目录结构；3)编写dev.js脚本实现项目级开发命令；4)常用Yarn Monorepo操作命令，如删除node_modules、指定项目安装依赖等。该方案可实现多项目统一管理，通过yarn workspace命令进行各项目的独立操作，适合管理多个相关联的前端项目。
2025-10-28 15:32:12
219
原创 react使用组件，如何优雅的定义组件方法类型
TypeScript中可以使用ComponentProps工具类型获取组件的props类型声明。通过ComponentProps<typeof 组件名称>["方法名称"]的形式，可以精确提取组件特定方法的类型定义，如上传组件的onChange事件类型。这种方法能获得完整的类型提示和说明，帮助开发者正确使用组件API，提高开发效率和代码质量。示例展示了如何获取Ant Design Upload组件的onChange事件类型并应用于实际开发场景。
2025-05-27 15:46:34
186
原创 react持久化useState 进行简单封装
现在每当输入框内容更改时，input的内容都会被存储到本地。注：有需要js版本的，可以直接把该工具函数直接扔给AI转换。
2024-09-02 17:22:01
559
原创 react父组件如何优雅的调用子组件方法
子组件使用forwardRef和useImperativeHandle，父组件直接通过ref调用,代码如下。
2024-08-27 16:39:52
444
原创 全局使用ts-node，前端0帧起手运行typescript
在很多场景中，比如验证一个函数，写一段逻辑，我们需要0帧起手直接运行一个ts问候你，而不是去配置一整套环境。只需要安装以下几个库就可以。热重载的形式运行ts文件。
2024-08-25 16:29:51
314
原创 antd form表单自定义组件及原理
Form.Item会透传一些参数给子组件，具体请打印子组件props，其中value和onChange两个参数请关注，调用props.onChange可改变props.value，然后Form取拿值取的就是props.value，原理就这么简单。
2024-08-15 11:54:45
1082
原创 express万能跨域代码，动态设置
代码如下，做个备忘，具体代码逻辑自行问AI去。注：代码在生产环境慎加，有安全隐患，调试环境可用const store = { allowHeader: [] };app.use((req, res, next) => { const origin = req.headers.origin; const requestedHeaders = req.headers["access-control-request-headers"]; if (requestedHeaders) {
2024-08-02 14:22:39
180
原创 npm常用命令，npm使用镜像源，安装cnpm，npm发布相关包
该篇主要是总结npm命令，没有过多教程和介绍，具体命令使用方法请自行查阅网上相关资料。
2024-06-23 15:59:10
1115
1
原创 如何快速压缩前端或nodejs项目，忽略node_modules文件夹，一个命令完美接解决
在Node.js和前端项目的开发过程中，经常需要部署或备份项目代码。然而，由于node_modules目录通常包含了大量的依赖库和二进制文件，它的体积可能会非常庞大，导致备份或部署变得缓慢且占用大量存储空间。为了解决这个问题，我们可以使用tar命令来压缩项目，同时排除node_modules目录。
2024-06-23 15:22:00
1419
原创 记录一些好用的开源工具及常用网站、项目（免费，开源，好看，广告少）
记录一些个人常用及好用的开源工具和常用网站、项目，不定期更新。大家有什么觉得好用的开源工具也可以评论留言分享
2023-11-26 23:14:07
2573
1
原创 css文本省略
在网页设计和内容呈现方面，文本溢出处理是一个重要的细节问题。当我们有一个限定宽度的容器而文本内容超出这个宽度时，为了不破坏页面布局，我们通常需要用省略号（“…”）来显示文本溢出。CSS提供了几种方法来处理单行和多行文本溢出。在本篇博客中，我们将讨论如何使用CSS实现这些效果，并基于上面提供的代码示例进行说明。
2023-11-06 10:29:26
1632
1
原创 mascss一款类似于Tailwind CSS的库，让你少写很多的css代码
没听说过 tailwindcss?那我们从零开始！当你需要为一个 div 中写一个样式，你可能会这样：stylecolorpink;skyblue;width16px;
2023-05-18 22:18:07
461
1
原创 Next.js13和Turbopack的使用
Next.js能够简化react的开发，是基于react轻量级框架。turbopack是新出的技术，官方声称热更新比 Vite 快 10 倍，比 Webpack 快 700 倍。
2022-11-09 13:17:28
2929
原创 json格式判断是否相等
js判断json格式判断是否相同。最近有这个需求，就自己实现了一下，原理很简单，写了个递归。代码如下：肯定不是最优解，但是这个思路很好理解，而且代码很少。
2022-11-06 22:47:35
767
原创 vue代理报错避坑
vue避坑—设置代理服务器命名以上这段设置两个代理，最终’/apis’代理将会设置不成功访问apis的代理将会报错404vue的代理是基于 http-proxy-middleware实现的，而http-proxy-middleware对走哪个代理名称的的方法如下：function matchSingleStringPath(context, uri) { const pathname = getUrlPathName(uri); return pathname.indexOf(contex
2021-08-01 00:20:37
544
nodejs child_process通信问题
2022-12-04
json schema相关问题
2022-09-25
json schema相关问题
2022-09-25
idea注解报红 java lombok
2022-09-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人