我是一名前端开发者,专注于 Web 技术、交互设计与前端工程化。
我关注 JavaScript、TypeScript、Vue/React、性能优化、可视化和用户体验,致力于打造高效、优雅、可维护的前端系统。
这个博客是我的学习笔记、项目记录和技术思考空间,希望能与更多开发者交流成长。
教育经历
重庆邮电大学
软件工程 · 硕士 2024/09 - 至今
太原理工大学
软件工程 · 本科 2018/09 - 2022/07
专业技能
熟练掌握 HTML5、CSS3 / Tailwind CSS 及现代 JavaScript。熟练应用 TypeScript 进行接口类型定义及泛型编程,具备高保真还原设计稿及复杂交互开发能力。
熟练掌握 Vue3 (Composition API) / Vue2 及全家桶 (Pinia, Vue Router)。深入理解其响应式系统及虚拟 DOM Diff算法底层机制。了解 React 框架基础。
熟悉大语言模型(LLM)与AI前端开发: 掌握 Prompt Engineering(提示词工程),擅长结合系统预设约束 LLM输出复杂结构化(JSON)数据;了解 RAG(检索增强生成)管线,熟悉启发式文本 Chunking 与意图识别边缘召回策略。
深入理解 Server-Sent Events 协议原理。熟练使用原生 Fetch API 结合 ReadableStream 和 TextDecoder 解决大模型推流时常见的网络包拆帧、粘包合并及中文截断乱码问题。
精通基于 Promise 的异步编程模型(Axios / Fetch)。深入理解 HTTP 1.0/2.0 及 HTTPS 加密机制;熟悉 TCP/IP协议栈原理;熟练处理跨域问题 (CORS / 代理转发)。
熟练掌握 Vite / Webpack 工具链构建与配置。熟练运用 Tree Shaking、按需加载、虚拟列表等前端性能优化手段,注重首屏白屏时间及长列表渲染优化。
熟悉 ECharts 等前端可视化方案,具备复杂动态数据图表大屏项目开发经验。熟练使用 Git 进行分支协作,熟悉ESLint、Prettier 代码规范工具。
熟悉小程序开发流程和规范,有开发小程序的经验。
项目经历
低代码可视化搭建平台
前端开发
2025/11 - 至今
https://github.com/guohaolian/lowcode-platform
项目描述:主导设计的前端低代码平台,基于插件化架构 $^ +$ Schema 渲染引擎,覆盖表单设计器、可视化页面搭建、事件编排、流程编排、应用发布五大模块。
核心职责与技术亮点:1.表单设计器:实现组件面板 画布拖拽添加/排序、字段属性配置;基于快照+游标实现撤销/重做(最多保留 50 步历史);支持一键导出表单 Schema。
2.页面搭建:实现自由布局画布,支持拖拽投放、组件拖动/缩放、层级上移/下移(通过数组重排);支持双击文本类组件进行原地编辑与预览/编辑模式切换。
3.流程编排:基于 SVG 实现节点连线与箭头渲染(贝塞尔曲线),支持拖拽节点移动、拖拽端点创建连线、节点/连线选中与 Delete 删除,提供不同节点类型的属性配置(审批人/条件表达式等)。
4.报表设计:封装 ECharts 图表渲染与配置面板,支持柱/折/饼/面积/条形、KPI、表格等组件;通过监听配置变更触发重绘,并在删除组件/卸载时 dispose 实例,避免内存泄漏。
5.工程化:路由模块按需加载(动态 import),Pinia 统一管理编辑态数据与选中态,组件按模块拆分便于扩展。
AI 论文阅读助手
全栈开发
2025/09 - 2025/10
https://github.com/guohaolian/PDF_Ai
项目描述:一款专为科研初学者(研究生等)打造的基于大型语言模型(LLM)的学术文献阅读智能体。系统支持一键上传 PDF 论文,自动完成文本抽取、结构化信息提取(研究问题、方法、结果),并提供基于原文的高精度对话问答与多论文对比功能,大幅降低外文长篇学术文献的阅读门槛,提升信息提取效率。
核心职责与技术亮点:1. 独立完成前后端架构设计。前端基于 Vue 3 + Pinia $^ +$ Tailwind CSS 搭建响应式界面与状态管理;后端采用 Node.js $^ +$ Express 完成非阻塞的文件高并发上传与 PDF 文本深度解析过滤。
2.自主设计了启发式分块(Chunking)与多维度关键字搜索算法。并创新性加入意图识别与边缘召回策略,实现了高精度、低延迟的问答及溯源引用匹配。
3.为解决大语言模型生成长文本时的等待焦虑,后端利用 Node原生能力连接 LLM api,前端通过底层的 fetch API 结合 ReadableStream 和 TextDecoder 实现了严格的 Server-Sent Events (SSE) 协议 解析。实现了内容逐字流畅渲染,并优雅处理意外中断与自定义异常通信(如 JSON 格式断帧重组),极大提升用户体验。
4.深度调优 System Prompt,约束 LLM 输出中英混合的结构化 JSON 数据(保留英文专业术语 Keywords 防止翻译信息丢失),并在前端构建了容错解析降级(Fallback)层,显著提升了提取成功率和系统鲁棒性。
5.主导开发“多论文交叉对比”模块。在内存资源和 Token 限制下,通过聚合已解析论文的核心摘要代替全文本进行Prompt 构建,成功实现了跨文献(研究问题、核心方法、实验结果)的多维比对功能。
光伏功率预测综合运营系统
前端开发
2024/11 - 2025/07
项目描述:一款面向B端的运营平台,结合大数据、人工智能和云计算技术,通过实时监控、预测和优化光伏电站的发电效率。系统通过精确的光伏功率预测,为电站运营提供科学决策支持,最大化电能产出并减少运维成本。
核心职责与技术亮点:1.基于WebSocket接收高频实时数据流,使用ECharts构建功率曲线、状态监控图表;通过数据增量更新+requestAnimationFrame控制刷新节奏,避免整图重绘,显著提升大屏渲染流畅度。
2.负责大屏可视化系统的多分辨率适配方案设计与实现,解决了4K、超宽屏等不同显示设备的兼容问题。采用scale动态缩放和rem响应式相结合的方案,实现了从1920x1080到7680x2160的全分辨率覆盖。
3.根据业务规则(阈值、功率突降、掉零等)对实时功率数据进行前端异常判定,异常发生时,联动更新图表与状态卡片。将异常检测逻辑与图表渲染解耦,提升功能扩展性与可维护性。
4.基于 RBAC 模型实现角色级页面访问控制;结合v-permission自定义权限指令,实现菜单级、按钮级权限控制;减少重复配置,确保不同角色视图与操作权限准确一致。
5.封装表格组件 ProTable,集成分页、排序、筛选等常用功能,实现配置化表格开发模式,通过JSON配置生成完整表格,支持列拖拽排序,固定列等高级特性。集成Excel导出功能。
荣誉经历
| 硕士一等学业奖学金 | 2024/09 - 2025/09 |
| 学业优秀奖学金 | 2018/09 - 2019/09 |
| 学业优秀奖学金 | 2019/09 - 2020/09 |
| 学业优秀奖学金 | 2020/09 - 2021/09 |
| 太原理工大学“学业优秀个人” | 2021/09 - 2022/09 |
自我评价
具备较强的团队合作能力 ,沟通能力 ,能迅速融入集体。 学习态度认真 ,积极求学 ,可以吃苦耐劳 ,责任 心强 ,有积极的工作态度和学习态度。