- 博客(6)
- 收藏
- 关注
原创 elips
前端工程化是利用一系列工具和流程,将开发过程中的繁琐、重复操作自动化,从而提升开发效率与质量。它通常包括代码解析、依赖管理、模块打包、压缩优化等环节,最终生成可在浏览器运行的产物文件。其核心目标是让前端开发更加规范、可维护并具备良好的扩展性。通过基于 DSL 的领域模型架构设计,系统实现了通用业务逻辑的抽象与沉淀。这种“沉淀 80% 通用逻辑,聚焦 20% 定制化需求”的模式,使得:开发过程更加高效;代码结构更清晰;系统具备良好的可扩展性与可维护性。
2025-11-12 16:26:29
1005
原创 完成 elpis-npm 包分离并发布
架构先行思考很重要:在拆分之前,先把框架核心能力、扩展点、业务需求都画一个蓝图,有助于之后分层拆解。加载器 + 扫描机制是关键:让核心包能够“透明”地识别业务项目结构,并把它们合并到运行时环境中,是整个拆分方案的中枢。配置合并与约定优于配置:给出合理的默认配置,同时提供覆盖扩展方式,是兼顾灵活性与简洁性的良方。对外接口设计要稳妥:暴露给业务项目的 API 要简洁、清晰、向下兼容,避免后续演进带来的大破坏。发布流程 & 包管理也要谨慎:版本控制、包体积、依赖管理、弃用策略都需要提前设计好。
2025-10-10 21:12:38
1365
原创 基于 vue3 完成动态组件库建设
在现代中后台系统中,动态组件库已成为快速构建高复用、高配置化界面的核心技术手段。传统开发模式下,每个页面都需要手动编写视图逻辑与交互组件,导致重复劳动与维护困难。为了解决这一问题,我们基于Vue3 + DSL + Schema-Driven 架构构建了一套动态组件体系,实现了从搜索区、表格区到弹窗、表单、抽屉等组件的完全动态化、声明式渲染。优势点说明高配置化所有交互逻辑通过 DSL / schema 配置实现,无需改动核心代码组件解耦。
2025-10-10 21:01:09
1438
原创 Elpis-DSL领域模型设计
DSL(领域特定语言) 是一种 为特定业务场景或问题领域设计的“专用语言”。它不同于通用编程语言(如 JavaScript、Python、C++),DSL 更加简洁、聚焦、易懂,让非程序员或业务人员也能通过配置或脚本描述系统行为。一句话总结:在前端架构中,尤其是配置化、低代码、可视化搭建相关项目里,DSL 扮演了核心角色。它把 页面结构、组件布局、交互逻辑 等用一种描述性语法定义出来,系统再解析这些描述生成最终页面。举个例子:开发者需要直接用 Vue/React 写页面逻辑:这种写法灵活,但每加
2025-10-10 20:51:17
165
原创 基于webpack5完成工程化建设
前端工程化是利用一系列工具和流程,将开发过程中的繁琐、重复操作自动化,从而提升开发效率与质量。它通常包括代码解析、依赖管理、模块打包、压缩优化等环节,最终生成可在浏览器运行的产物文件。其核心目标是让前端开发更加规范、可维护并具备良好的扩展性。
2025-09-29 21:01:05
211
原创 从零打造企业级全栈应用框架 —— Elpis Core 学习总结
我正在跟随哲玄大佬,从零开始搭建一个企业级全栈应用框架,借此机会深入研究 Web 服务引擎的架构设计。此前对 Egg.js 略有了解,因此也希望借鉴其思路,探索从零打造类似 Egg.js 框架的设计理念与实现过程。Elpis Core 是在 Koa 基础上构建的框架,吸收了 Egg.js 的部分设计思想,提供了一套类 Egg.js 的服务体系。它采用“约定优于配置”的设计理念,主要用于构建 Node.js Web 应用,如 API 接口、Web 服务、管理后台、服务端渲染等,特别适合用于搭建 BFF 层。
2025-09-28 20:44:54
581
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅