专注前端技术分享，涵盖Vue3、TypeScript、React等现代Web开发技术 https://www.liumingxin.site/blog zh-CN Wed, 12 Aug 2026 10:54:50 GMT vue3-simple-blog 结合 Anthropic 的 frontend design 实践、两组高一致性 UI 提示词分析，以及个人安装的设计类 Skills，拆解如何突破 AI 默认审美、组织设计 Skill，并通过设计契约、视觉参考和分层验收减少从设计到代码的落地偏移。 https://www.liumingxin.site/blog/detail/improving-frontend-design https://www.liumingxin.site/blog/detail/improving-frontend-design Wed, 12 Aug 2026 09:00:00 GMT LMX AI Coding 前端设计 Skill 以项目中前端编码规范(vue-code-convention skill)为例，系统拆解如何将散落在代码、文档与团队经验中的前端项目规范，沉淀为可触发、可裁决、可执行、可验证、可持续迭代的 AI 开发 Skill。 https://www.liumingxin.site/blog/detail/vue-code-skill https://www.liumingxin.site/blog/detail/vue-code-skill Wed, 22 Jul 2026 08:00:00 GMT LMX AI Coding Vue3 Skill 根据【OpenAI 如何使用 Codex】整理，梳理Codex最擅长的7类工程任务——理解陌生代码、重构与迁移、性能优化、测试覆盖、功能开发、零散任务与方案探索，并附可直接套用的提示词模板。 https://www.liumingxin.site/blog/detail/codex https://www.liumingxin.site/blog/detail/codex Mon, 20 Jul 2026 02:00:00 GMT LMX AI Coding 翻译 从实战开发中总结的前端页面开发提示词模板，涵盖布局说明、字段描述、业务流程、业务规则、异常处理和注意事项六大环节，对页面还原与落地做了针对性优化，并附设备告警处理完整示例。 https://www.liumingxin.site/blog/detail/requirements https://www.liumingxin.site/blog/detail/requirements Thu, 11 Jun 2026 02:00:00 GMT LMX AI Coding 总结 译自 Linear 官方博客《Design is More Than Code》，探讨"设计师该不该写代码"这一行业热议话题。作者认为把争论焦点局限在工具与代码层面本身就是一种降维，真正值得关心的是 AI 冲击下设计师贡献方式如何演变；并系统拆解设计"问题"与设计"解决方案"两个阶段，强调先定义正确的问题，再带着深思去构建——设计始终是关于找到正确的意图与愿景。 https://www.liumingxin.site/blog/detail/design-more-than-code https://www.liumingxin.site/blog/detail/design-more-than-code Sat, 06 Jun 2026 21:00:00 GMT LMX AI Coding 翻译 由 Anthropic Claude Code 团队工程师 Thariq Shihipar 总结的 Skills 实战经验——梳理 Skills 的 9 大类型、编写技巧（踩坑点、渐进式披露、按需 Hooks 等）以及插件市场的分发与管理方式，帮助系统化理解如何创建和推广 Skills。 https://www.liumingxin.site/blog/detail/cluade-code-skill https://www.liumingxin.site/blog/detail/cluade-code-skill Fri, 05 Jun 2026 02:00:00 GMT LMX AI Coding 翻译 系列第一篇，全面解读Vibe Coding、Spec-Driven Development与Harness Engineering三大AI编程范式的起源、定位与抉择框架，为后续深入各范式的实战文章奠定理论基础，属于扫盲篇。 https://www.liumingxin.site/blog/detail/ai-code-over https://www.liumingxin.site/blog/detail/ai-code-over Mon, 01 Jun 2026 02:00:00 GMT LMX AI Coding 面试总结 本指南旨在统一业务前端系统的编码风格与最佳实践，提升代码可读性、可维护性与团队协作效率，降低潜在缺陷风险。 https://www.liumingxin.site/blog/detail/code-convention https://www.liumingxin.site/blog/detail/code-convention Tue, 07 Apr 2026 10:00:00 GMT LMX Vue3 编码规范 介绍物理隔离内网环境中，使用NVM管理多版本Node，并通过Verdaccio搭建私有npm仓库，实现依赖缓存与离线迁移。 https://www.liumingxin.site/blog/detail/verdaccio-summary https://www.liumingxin.site/blog/detail/verdaccio-summary Thu, 12 Mar 2026 02:00:00 GMT LMX Verdaccio npm 下面是我总结的nginx使用过程中很容易忽略同时又不常用但是却又会用到的知识点，分享出来加强记忆，查漏补缺，共同进步！ https://www.liumingxin.site/blog/detail/nginx https://www.liumingxin.site/blog/detail/nginx Thu, 11 Dec 2025 02:00:00 GMT LMX Nginx 本文总结了在Vue3项目开发中提炼出的16个关键代码规范，涵盖从箭头函数使用到性能优化的各个方面，旨在提升代码质量和开发效率。 https://www.liumingxin.site/blog/detail/vue3-summary https://www.liumingxin.site/blog/detail/vue3-summary Thu, 20 Feb 2025 02:00:00 GMT LMX Vue3 开发规范 本文介绍了如何通过资源提示（prefetch、preconnect、preload）来优化网站性能，提升页面加载速度和用户体验，并详细解释了每种资源提示的作用和使用场景。 https://www.liumingxin.site/blog/detail/proload-summary https://www.liumingxin.site/blog/detail/proload-summary Sat, 07 Sep 2024 02:00:00 GMT LMX 性能优化 本文总结了JavaScript数组的常用方法，涵盖访问、修改、遍历、查找、转换等方面，帮助读者全面了解数组操作技巧，提升面试表现。 https://www.liumingxin.site/blog/detail/array-summary https://www.liumingxin.site/blog/detail/array-summary Wed, 17 Apr 2024 02:00:00 GMT LMX JavaScript 面试总结 总结了一些中级前端面试中常见的知识点和问题，涵盖事件循环、Webpack和Vite的按需加载、HTTP缓存控制策略、Vue2和Vue3的区别等内容。 https://www.liumingxin.site/blog/detail/middle-summary https://www.liumingxin.site/blog/detail/middle-summary Tue, 16 Apr 2024 02:00:00 GMT LMX 面试总结 本文总结了JavaScript中Set和Map数据结构的基本概念、常用方法及实际应用场景，帮助读者全面理解这两种数据结构在面试中的重要性和实用技巧。 https://www.liumingxin.site/blog/detail/map-set-summary https://www.liumingxin.site/blog/detail/map-set-summary Fri, 08 Mar 2024 02:00:00 GMT LMX JavaScript 面试总结 总结了一些中级前端面试中常见的知识点和问题，涵盖事件循环、Webpack和Vite的按需加载、HTTP缓存控制策略、Vue2和Vue3的区别等内容。 https://www.liumingxin.site/blog/detail/top-summary https://www.liumingxin.site/blog/detail/top-summary Tue, 05 Mar 2024 02:00:00 GMT LMX 面试总结 本文介绍了WebSocket协议的基本概念、工作原理及常用API，并提供了一个完整的WebSocket代码示例，帮助读者理解如何在前端项目中实现双向通信功能。 https://www.liumingxin.site/blog/detail/websocket-summary https://www.liumingxin.site/blog/detail/websocket-summary Thu, 24 Oct 2019 02:00:00 GMT LMX JavaScript WebSocket 本文介绍了如何使用OpenLayers实现小车轨迹查询功能，包括地图初始化、轨迹数据获取、动画播放等关键步骤，帮助读者快速上手地图开发。 https://www.liumingxin.site/blog/detail/openlayers-summary https://www.liumingxin.site/blog/detail/openlayers-summary Tue, 04 Jun 2019 02:00:00 GMT LMX JavaScript WebSocket 本文介绍了Redux在React中的应用，包括其工作原理、核心概念（action、reducer、store）以及如何在项目中配置和使用Redux进行状态管理，帮助读者提升React应用的可维护性和扩展性。 https://www.liumingxin.site/blog/detail/redux-summary https://www.liumingxin.site/blog/detail/redux-summary Sun, 17 Mar 2019 02:00:00 GMT LMX React