- 博客(20)
- 收藏
- 关注
RSS订阅原创 从零开始：在 GrapesJS Style Manager 中新增 row-gap 和 column-gap
GrapesJS 的高度可定制性使得开发者可以轻松地向 Style Manager 添加自定义样式。GrapesJS 的 Style Manager 虽然功能强大，但在特定场景下可能无法涵盖所有需求。通过了解其扩展性，开发者可以根据项目实际需求，灵活地添加自定义样式属性，如row-gap和column-gap，从而提升工作效率和项目质量。希望本文提供的案例和代码示例，能够为正在使用 GrapesJS 的开发者提供实用的参考，助力项目的顺利进行。
2025-04-11 19:59:22
1079
原创 创建灵活可配置的轮播图组件： GrapesJS 与 Vue3 的完美结合
通过本文分享的关键代码片段和项目实战经验，我们可以看到 GrapesJS 与 Vue3 的深度整合，既满足了业务对易用性的需求，也充分体现了现代前端开发对组件交互和动态响应的高标准要求。希望本文能够为正在构思或开发类似功能的你，提供一些可借鉴的思路和实践经验。如果你有任何问题或者更好的优化建议，欢迎在评论区讨论，共同探索技术的无限可能。在项目中不断探索与实践，才能真正推动技术革新，让每一个组件都成为产品体验提升的助力。
2025-04-02 18:55:08
1013
原创 一次性搞定：用 vLLM 容器部署 Qwen2.5-VL 并无缝接入本地 Chatbox
在本地部署一个多模态的大模型并不一定需要天花乱坠的 DevOps 大工程，也不需要写上一堆 Python 代码来启动后端 API。有了容器和vLLM，以及类似Chatbox这样的可视化界面，一条命令就能搞定服务，全程无痛。也希望这样的方法能帮到更多需要低门槛部署大模型、或希望私有化守护数据安全的团队，一起把技术创新落到实处。
2025-03-29 19:01:48
2550
原创 摆脱缩放困扰：多分辨率自适应究竟如何实现
在当下无处不见的高分屏时代，为了让用户在不同的屏幕分辨率及系统缩放下都拥有一致的阅读与交互体验，我们需要综合运用、媒体查询、以及rem单位化的布局思路。当然，对于复杂的大型项目，我们还需要结合更多实践测试，并根据实际产品的交互与设计要求做适当微调。希望这篇文章能为你提供一个清晰的思路，如果遇到实际难题，也欢迎在评论区讨论交流！版权声明：本文示例代码及相关说明仅作学习参考使用，部分核心实现思路借鉴了团队内部及开源社区经验，版权属原作者所有。若有转载或商业用途，请务必注意版权信息并征求相关授权。
2025-03-26 19:17:00
776
原创 高效管理图标资源：GrapesJS 与 Vue3 搭配 Ant Design Icons 的应用实践
通过本文的介绍，我们探讨了如何基于 GrapesJS、Vue3 以及 Ant Design Icons 构建一个高效、直观的 Icon Trait 设置。这不仅提升了开发者的工作效率，也为最终用户提供了更友好的操作体验。在未来的开发中，可以进一步扩展该方案，支持更多图标库或自定义图标的导入，满足更广泛的需求。希望这篇文章能够为需要在 GrapesJS 中集成图标选择功能的开发者提供有价值的参考。如果你有任何疑问或建议，欢迎在评论区交流讨论！
2025-03-19 20:40:46
1186
原创 Deepseek 10分钟化身理性荐股神器：触碰程序员不敢想的天花板
在这个消息疯狂、波动频繁的市场，“理性”两字显得弥足珍贵。通过Deepseek+AkShare+Aktools+Dify四位一体的方案，能帮我们降低信息搜集成本，并在短期投资领域搭建出一套“可解释、低门槛、易定制”的量化荐股流程。不要再盲目听小道消息或依赖情绪驱动，不妨给自己一个机会，让数据说话。而要注意的是，“理性荐股”并非万能，它只是工具，最终的收益还得依赖投资者自身对风险和机遇的权衡。祝大家都能在这股市里收获理性的底气，寻得更精准的入场时机。
2025-03-10 17:04:27
1715
原创 从“静态尴尬”到“真实交互”：GrapesJS Drawer 组件的创新性设计
这篇文章从一个比较具体的场景出发，介绍了如何让 GrapesJS + Vue3 也能轻松处理“动态 Drawer”需求的思路。通过拆分到多页面的方式，借助 Node.js 在后台对页面进行无头渲染，然后在需要的场景中再用一段通用的挂载脚本去“拉起”这个动态 Drawer。看似复杂，实则为后续的功能扩展提供了相对清晰的思路与实施路径。回顾一下，这样做的核心好处就是将静态与动态部分分开，降低对 GrapesJS 的侵入；让主页面的设计过程保持简单；
2025-03-06 20:44:12
1614
原创 让后台界面布局更灵活：在GrapesJS中复刻Java的五区式布局
如果直接使用GrapesJS默认的div容器+CSS Flex Box 拼接，就容易把页面变得层级复杂。凡是想调控布局，就得在一堆层级里“穿进穿出”，维护起来特别痛苦。自定义五区布局组件后，我们可以把常用的布局框架封装起来，统一维护，想使用就直接在Block中拖拽出来，不仅简洁而且可读性更高。统一化布局：很多项目里都需要相似的头-左-中-右-底布局。统一封装后，大家可以直接复用，不需要每次从“大量div + CSS”开始手写。降低可视化编辑门槛。
2025-03-03 19:43:48
1133
原创 搞懂DeepSeek量化家族：每个版本都在玩什么花样？
DeepSeek 模型的量化版本很多，如果只看名称，很容易看得眼花缭乱。这里先给大家一张简单对照表，帮助入门理解。量化类型位数显存占用(7B模型)速度(tokens/s)典型特征Q22 位整数约 3.2GB4 - 6极端压缩比例，对精度有明显影响Q4_04 位整数4GB6 - 8基础 4 位量化，普适性较高Q4_K_M4 位整数4.5GB8 - 10在块量化基础上做优化，精度更稳定Q5_K_M5 位整数5GB7 - 9提升精度，牺牲少量显存FP88 位浮点~5GB。
2025-02-28 14:39:56
3556
原创 10倍效率还是10倍废武功？看DeepSeek如何一步步让程序员变废材的
我的技能有没有在被稀释？。一些人会因为短期收益（快速完成项目）而放弃思考的乐趣；但也有人在这股浪潮中，把AI当成“助推器”，让自己能够更专注于核心业务、复杂逻辑与创新设计。你愿意成为哪一种开发者？如果你满足于做“人形中转接口”，那么一天不离AI，可能也会让你与之融为一体，直至被替代。如果你坚持挖掘底层原理、构建更全维度的思考框架，并在“AI赋能+自我精进”中不断突破，那么即使AI再强，也很难动摇你的专业地位。无论如何，技术从来不是终点，而是让人类不断前行的工具。
2025-02-27 09:47:28
1145
原创 GrapesJS黑魔法: 突破框架限制实现真正可设计的动态列表
这个方案的意义不仅在于解决了GrapesJS的一个技术难题，更在于它为低代码平台开辟了新的可能性。通过巧妙结合前后端技术，我们实现了看似矛盾的两个目标：既保留了完全的设计自由度，又支持动态数据渲染。正如一位同事评价的那样："这不是对GrapesJS的修补，而是对其能力的重新定义。下一次当你面对"这在低代码平台上做不到"的说法时，请记住：技术的限制往往不是框架本身，而是我们思考问题的方式。跳出常规思路，或许你也能找到打破束缚的方法，重新定义可能性的边界。
2025-02-26 10:02:49
1178
原创 用 partial-json 优雅实现大模型流式不完整 JSON 解析，让前端也能高速“追剧”
是一个支持不完整 JSON 解析的 JavaScript 库。它可以在数据尚未完整的时候，尝试做“最佳推断”，输出当前能得到的可用信息。而且它提供了不同的允许范围（Allow），这让我们可以灵活地控制解析策略，例如允许部分字符串、部分数组、部分对象等等。可以想象一下，当你从 WebSocket 或者 SSE（Server-Sent Events）中流式接收大模型的输出时，每一帧（chunk）的字符串可能都还没成一个完整的 JSON。
2025-02-25 14:35:07
1336
原创 Monaco-Editor 助力 AI 开发平台：浏览器直接变身“类 IDE”！
Monaco-Editor 的引入，无疑为 AI 开发平台的前端架构提供了一种轻量化却功能强大的方案。它像一把“瑞士军刀”，帮助开发者在浏览器端就能获得类似于 VS Code 的编辑体验——高亮、自动完成、格式化、实时校验、右键扩展……统统不在话下。对于独立开发者，或正在做 Java/Python/前端项目的团队来说，Monaco-Editor几乎是一个“零替代品”的存在。
2025-02-24 09:32:58
1354
原创 从日志监听到流式输出：教你用 Python FastAPI 构建实时监控系统
先来看关键的核心接口——基于FastAPI提供的。这能让后端以流的形式源源不断地推送数据给前端。缩短调试时间，更快处理问题；增强可视化与安全性，日志整合在前端界面上统一查看，而不是 SSH 上去到处找日志；兼容多种语言开发：Java、Python、前端都能快速用上，无缝对接。以上就是在PythonFastAPIWatchdog环境下，构建实时日志流推送的一种可行方案示例。如果你正在被一堆堆无法及时获取的日志困扰，相信这套方案能给你带来极大的帮助，为后续的AI 平台或其他场景开发打下坚实的基础。
2025-02-21 10:13:01
1434
原创 颠覆传统开发：用LangChain实现极致‘对话式’软件构建
通过这些例子可以看到，“AI+工作流编排”的魅力在于让软件开发过程不再“割裂”。在这个平台里，需求一旦更新，就能迅速触发设计或代码的同步更新；而工程师需要做的，是和AI“对话”，从而将人类的创造力和大模型强大的文本处理能力结合起来。回想起当初那个“需求文档缺失”导致的项目延期的日子，如果当时就有像现在这样基于LangChain的AI智能体，或许我们可以把时间花在真正的需求分析和业务价值上，而不是让每个人都疲于撰写和合并各种文档。
2025-02-20 09:33:09
1314
原创 DeepSeek 时代必修课：从java源码到 JVM 的全自动编译与重载实践
让我们先把问题描述得更具象一些。想象这样一个场景：在 AI 平台上，通过 DeepSeek 生成了一份新的后端业务逻辑，里面包含了好几个新功能和类。此时如果我们不想依赖任何 IDE，而是通过一整套脚本化、自动化流程来完成编译与运行，那就需要解决下列几个难点：源代码的增量编译 由于 Java 是静态语言，必须在运行前编译才能得到 文件。而且 Maven 编译需要设置完整的 classpath、依赖库等，这对于跨机器或跨环境的部署十分关键。HotSwap 与 JVM 重载 在 Java 环境中，默认情况下
2025-02-19 09:32:36
758
原创 GrapesJS + Deepseek：前端可视化搭建的黄金拍档，挖掘前端“超车”秘诀！
在同一个编辑器内，如果你需要让不同自定义组件共享数据（如搜索框组件驱动数据列表组件、再影响统计组件），可以基于 Pinia (或 Redux)这类全局状态管理库进行通信。组件的View里，引用全局状态进行读写；导出到运行模式后，也可以在 React/Vue 里保持相同的全局状态逻辑，把这些组件变成可复用的 UI 模块。View：编辑器模式下专用脚本，同步 GrapesJS 的各项 API；Script：最终页面运行脚本，与编辑器无关；不要混淆这两者的作用域，否则会在生产环境产生错误。
2025-02-18 10:17:44
1400
原创 打通静态与动态：用后端 Headless 化补齐 GrapesJS 最后一块拼图
建立专门的 “迭代器组件” + “迭代器子项”，在 GrapesJS 中只需设计一次单条布局，后端 Node.js 检测到迭代器时自动循环生成，最终实现真正的“可视化 + 动态渲染”闭环。预祝你的项目一帆风顺！
2025-02-17 11:40:31
862
原创 让界面“想拖就拖”！深入浅出 Vue3 + AntD + GrapesJS 的可视化交互新体验
真正的所见即所得 + 样式隔离利用 GrapesJS iframe 特性，通过监听并拷贝主窗口样式，让编辑器视图与实际运行环境保持统一，不再出现“编辑器里看着完美，运行里却跑版”的尴尬。高扩展性GrapesJS 强大的插件机制，配合 Vue3 的组件化思维，加上 Pinia 的全局应用状态管理，能灵活实现各种复杂需求；多 Page弹框抽屉子页面等大交互场景也能轻松应对。动态加载通过import()或其他远程脚本注入，大幅减少了重新编译与部署的成本，为后续模块化、跨项目调用提供了可靠途径；
2025-02-14 15:01:00
1548
原创 构建你自己的 AI 开发平台 —— 从需求到交付的温情革新
Build your own AI 开发平台，不仅是一个工程项目，更是一段能够改变工作方式和人生经历的旅程。当你在忙碌的开发日子中看到平台自动生成整齐文档、秒级部署上线的那一刻，那种轻松感和成就感，将会让你觉得所有的努力都是值得的。
2025-02-13 10:53:25
1900
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人