- 博客(6)
- 收藏
- 关注
原创 实战复盘:Elpis框架进行 npm 封装与发布全攻略(附核心卡点解决方案)
本文详细记录了将Elpis框架封装为npm包的全过程,重点分享了5个核心卡点及解决方案:1)使用双路径加载器区分框架和业务代码路径;2)通过require.resolve确保loader依赖正确加载;3)规范npm发布流程解决权限问题;4)严格版本管理确保更新生效;5)采用约定目录结构实现业务扩展。文章提供了从代码封装到npm发布的完整指南,包括目录结构设计、webpack配置优化、package.json关键配置和发布命令,最终实现了业务与架构的彻底分离,打造出可复用、易扩展的企业级框架。这些实战经验可帮
2026-04-20 16:49:43
349
原创 动态组件 DSL 设计与机制实现
本文提出一种动态组件DSL设计方案,通过三层配置体系实现UI组件自动化渲染。核心采用Schema定义数据结构、Config管理全局配置、Option控制字段级场景,支持表单、表格等多形态复用。系统实现包含组件合并式数据结构、统一事件通信机制和动态加载流程,通过SchemaView解析配置并渲染组件。该方案显著减少80%重复代码,具备高扩展性和维护性,可快速搭建常规业务页面。关键技术包括配置解耦、Schema复用和双向事件通信机制。
2026-04-02 09:32:32
216
原创 领域模型DSL设计与实践阶段性复盘总结
本文总结了领域模型DSL的设计与实践经验。通过分层配置设计(dashboard模式+4种moduleType)和模型层→项目层的继承机制,实现80%通用功能复用。DSL渲染基于Vue-router,支持头部菜单、侧边菜单和数据驱动视图的动态生成。相比传统CRUD开发,DSL配置驱动解决了重复劳动问题,通过schemaConfig统一描述数据结构、界面和业务逻辑,配合解析器机制实现扩展性。该架构显著提升开发效率、维护性和技术成长空间,使开发者从体力劳动转向架构设计,形成可复用的标准化开发范式。
2026-03-23 11:05:21
382
原创 Vue Router 路由守卫:beforeEach vs beforeRouteEnter
组件内 beforeRouteEnte。全局 beforeEach。
2025-03-07 15:49:12
1545
原创 前端JS必学组合技:双指针+排序的极致优化指南
fill:#333;color:#333;color:#333;fill:none;双指针同向指针相向指针数组去重/滑动窗口链表操作两数之和/回文判断三数之和。
2025-03-04 17:33:59
995
原创 VSCode 禁用保存自动格式化全攻略
VSCode 默认支持保存时自动格式化代码(Auto Formatting on Save),虽然能提升代码规范性,但也可能导致以下问题:适用场景:所有项目均不需要自动格式化打开设置界面添加配置项效果验证适用场景:仅针对特定编程语言(如 JavaScript/Python)关闭方法 3:工作区级配置适用场景:仅在当前项目禁用(不修改全局设置)创建 .vscode 文件夹(若无)添加 settings.json 并写入方法 4:通过命令面板操作适用场景:仅在当前项目禁用(不修改全局设置)
2025-03-03 15:16:03
3233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅