- 博客(144)
- 资源 (2)
- 收藏
- 关注
原创 【React】导出出货单PDF实战(基于pdfmake库)
本文介绍了使用pdfmake库在React项目中生成PDF出货单的实践方案。pdfmake是一款纯JavaScript的PDF生成工具,支持丰富的排版功能(自动换行、多对齐方式)、表格制作、页面控制和字体嵌入等特性。文章详细展示了如何解决中文兼容性问题(通过虚拟文件系统转换字体为base64),并提供了完整的出货单模板代码,包含标题、客户信息、商品明细表格等结构。实现步骤包括基础环境搭建、最小MVP模型创建、中文支持配置和文档结构定义,最终可生成包含动态数据的专业PDF出货单。
2025-11-14 10:33:51
1180
原创 【NextJS】基于Turbopack模式下:Warning: [antd: compatible] antd v5 support React is 16 ~ 18.
本文介绍了在React 19和Next.js环境下使用Ant Design的解决方案。首先按官方文档处理React 19兼容性问题,特别是移除了ReactDOM.render的问题。然后针对Next.js的Turbopack模式,建议创建一个AntdProvider组件(必须标记"use client"),集成StyleProvider、ConfigProvider和App组件,并导入v5补丁包。最后在Next.js的RootLayout中使用该Provider包裹子组件。这个方案解决了
2025-08-26 15:19:23
389
原创 【NextJS】性能分析之Turbopack 追踪
Turbopack追踪工具是用于分析Next.js本地开发性能的工具,可展示模块编译耗时及依赖关系。使用步骤包括:配置环境变量、生成追踪文件、解析数据并查看报告。分析报告时需关注三部分:时间线视图(识别耗时任务)、任务分布(定位瓶颈环节)和模块级细节(检查具体依赖问题)。工具会给出优化建议,如减少模块数量或优化配置。典型应用场景包括排查大型依赖加载慢、循环引用等问题,帮助开发者优化项目启动和编译性能。
2025-08-26 02:23:46
947
原创 Windows 11 家庭版 24H2 访问smb共享时出现了“扩展错误“
Windows 11 24H2版本连接SMB共享出现"扩展错误"问题的解决方案。主要因微软启用了SMB签名等更严格的安全策略导致,提供三种解决方法: 通过组策略禁用SMB签名(需先为家庭版安装本地策略功能); 修改注册表:添加AllowInsecureGuestAuth=1和RequireSecuritySignature=0; 使用PowerShell命令:Set-SmbClientConfiguration -RequireSecuritySignature $false。 每种方法
2025-06-22 03:17:59
21088
3
原创 【Ai/Agent】初识CrewAI多智能代理团队协框架
CrewAI 智能协作框架,一个人便是一个团队,基于 LangChain 和 OpenAI,有易用接口,支持多类型任务。
2025-04-02 10:49:58
1475
原创 【NodeJS】支付宝支付之密钥生成(linux系统下)
最近在用next.js框架对接支付,顺便做个笔记~win/mac环境移步官方文档,以下是对在linux下开发的同鞋们...
2025-02-27 10:37:56
443
原创 【NextJS】PostgreSQL 遇上 Prisma ORM
在Next.js全栈开发的时候不免要用到数据库,采用原生数据库语法可能还需要顾虑很多方面的问题(语法安全、原生语法麻烦/繁琐/复杂、更换数据库时的语法兼容等等),为了解决这类问题诞生了数据访问方式技术及周边工具;这里介绍一个易用又强大的ORMPrisma ORM重点概念:用来描述数据库架构的语言两个主要(常用)操作库:为 Node.js 和 TypeScript 自动生成类型安全的查询生成器可用于任何Node.js或TypeScript后端应用程序(包括无服务器应用程序和微服务)。
2025-01-17 11:16:08
2133
原创 【NextJS】路由之拦截路由(Intercepting Routes) - 简仿花瓣网
以花瓣网效果为例讲解 Nextjs 拦截路由 Intercepting Routes
2024-12-13 16:57:04
1252
原创 【NextJS】路由之平行路由(Parallel Routes)
nextjs 并行路由允许您在同一布局中同时或有条件地渲染一个或多个页面。它们对于应用程序的高度动态部分非常有用,例如社交网站上的仪表板和提要。
2024-11-29 14:39:06
1137
原创 【NPM】工程化依赖包/库开发 之 常见开发结构/模式及特点
在开发 npm 包时,主流的开发结构和模式有一定的共性,这些结构和模式主要是为了提高可维护性、扩展性以及代码质量。
2024-10-22 11:27:06
1498
原创 【NPM】工程化依赖包/库开发 之 基础知识
工具不是关键,形成一套稳健的流程方案才是核心;工程化项目开发流程(阶段):技术选型->统一规范->开发->检查->测试->部署->追踪今天先整理下常见或不认识的一些基础知识吧~
2024-10-18 17:14:35
1141
1
原创 【chrome】谷歌浏览器Notification消息通知(做个备忘)
【代码】【chrome】谷歌浏览器Notification消息通知(做个备忘)
2024-08-12 14:28:13
984
原创 【React】Ant Design 5.x版本table scroll滚动条样式自定义
Ant Design 5版中table表格滚动条scroll样式自定义
2024-05-25 14:34:39
3736
4
原创 【React】Sigma.js框架网络图-入门篇(2)
通过有了基本认识由于上一篇直接给出了基本代码示例,可能看着比较复杂也不知道是啥意思;今天从理论入手重新认识下!
2024-04-26 11:36:24
880
原创 【React】Sigma.js框架网络图-入门篇
Sigma.js它使在Web页面上发布网络变得容易,并允许开发人员将网络探索集成到丰富的Web应用程序中。Sigma.js提供了许多内置功能,例如Canvas和WebGL渲染器或鼠标和触摸支持,以使用户在网页上的网络操作流畅且快速。通过使用Sigma.js,用户可以方便地创建和展示网络图,从而更好地理解和分析数据之间的关系。
2024-04-20 02:44:12
2140
原创 【React】Ant Design自定义主题风格及主题切换
认识了解Ant Design的自定义主题基本知识,实战手搓自定义主题切换具体实现过程
2024-04-16 13:49:26
3798
原创 【React】Ant Design社区扩展库之分割面板:react-resizable-panels
Ant Design社区精选面板分割组件,使用手册
2024-04-08 16:41:54
2813
原创 【React】AntV G6 - 快速入手
G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。旨在让关系变得透明,简单。让用户获得关系数据的 Insight。
2024-03-11 11:53:39
926
原创 【NextJS】nextjs+qiankun遇ReferenceError: window is not defined
在nextjs+react中使用qiankun当作主应用时报错 ReferenceError: window is not defined
2024-02-19 11:22:36
1496
原创 【gRPC】protoc文件转ts文件
资源地址:https://github.com/protocolbuffers/protobuf/releases。根据平台下载不同的安装包。参数,如果非调用全局的。
2024-01-29 10:37:31
1826
Centos7 Web服务搭建相关文件
2020-11-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅