https://blog.qife122.com/tags/%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84/ Recent content in 前端架构 on 办公AI智能小助手 Hugo zh-cn qife Thu, 20 Nov 2025 12:40:23 +0800 https://blog.qife122.com/p/solid%E5%8E%9F%E5%88%99%E5%9C%A8react%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8%E5%AE%9E%E8%B7%B5/ Thu, 20 Nov 2025 12:40:23 +0800 https://blog.qife122.com/p/solid%E5%8E%9F%E5%88%99%E5%9C%A8react%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8%E5%AE%9E%E8%B7%B5/ <h1 id="应用solid原则于react开发">应用SOLID原则于React开发</h1> <p>随着软件行业的发展和在错误中学习，最佳实践和良好的软件设计原则逐渐形成并概念化，以避免未来重蹈覆辙。特别是面向对象编程（OOP）世界是这类最佳实践的金矿，而SOLID无疑是其中较有影响力的原则之一。</p> https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-hooks%E6%9E%84%E5%BB%BA%E4%B8%89%E5%B1%82%E5%BA%94%E7%94%A8%E6%9E%B6%E6%9E%84%E8%AF%A6%E8%A7%A3/ Sat, 18 Oct 2025 06:28:19 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-hooks%E6%9E%84%E5%BB%BA%E4%B8%89%E5%B1%82%E5%BA%94%E7%94%A8%E6%9E%B6%E6%9E%84%E8%AF%A6%E8%A7%A3/ <h1 id="如何使用react-hooks创建三层应用">如何使用React Hooks创建三层应用</h1> <p>几年前我写过一篇文章描述如何使用React创建三层应用。本文展示了如何使用React Hooks创建相同的架构。</p> <p>所涉及的三层分别是：</p> https://blog.qife122.com/p/react%E4%B8%AD%E7%9A%84solid%E5%8E%9F%E5%88%99%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97/ Wed, 01 Oct 2025 01:13:40 +0800 https://blog.qife122.com/p/react%E4%B8%AD%E7%9A%84solid%E5%8E%9F%E5%88%99%E5%AE%9E%E8%B7%B5%E6%8C%87%E5%8D%97/ <h1 id="在react中应用solid原则">在React中应用SOLID原则</h1> <p>随着软件行业的发展和在错误中学习，最佳实践和良好的软件设计原则应运而生，以避免将来重蹈覆辙。特别是面向对象编程（OOP）世界是这类最佳实践的金矿，而SOLID无疑是其中较有影响力的原则之一。</p> https://blog.qife122.com/p/%E8%83%B6%E5%B8%A6%E4%B8%8E%E6%97%A5%E5%B8%B8%E6%B7%B7%E6%B2%8Clax-space%E7%9A%84%E4%BA%A4%E4%BA%92%E5%BC%8F3d%E8%AE%BE%E8%AE%A1%E6%8A%80%E6%9C%AF%E8%A7%A3%E6%9E%90/ Thu, 25 Sep 2025 14:39:24 +0800 https://blog.qife122.com/p/%E8%83%B6%E5%B8%A6%E4%B8%8E%E6%97%A5%E5%B8%B8%E6%B7%B7%E6%B2%8Clax-space%E7%9A%84%E4%BA%A4%E4%BA%92%E5%BC%8F3d%E8%AE%BE%E8%AE%A1%E6%8A%80%E6%9C%AF%E8%A7%A3%E6%9E%90/ <h1 id="lax-space用胶带与日常混沌设计">Lax Space：用胶带与日常混沌设计</h1> <p>Lax Chee邀请我们深入了解他的实验性作品集幕后，在这里，胶带、设计和代码将日常混沌转化为有趣的数字体验。</p> <h2 id="创作动机与灵感">创作动机与灵感</h2> <p>在完成一系列偏重实用性的商业项目后，我决定将作品集网站作为实验新想法的空间。我的目标很明确：第一，必须具有交互性并包含3D元素；第二，需要吸引用户注意力；第三，必须在不同设备上表现良好。</p> https://blog.qife122.com/p/ai%E5%B0%B1%E7%BB%AA%E7%9A%84%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84%E6%9E%84%E5%BB%BA%E4%BA%BA%E6%9C%BA%E5%8D%8F%E4%BD%9C%E7%9A%84%E6%96%B0%E8%8C%83%E5%BC%8F/ Thu, 18 Sep 2025 02:15:03 +0800 https://blog.qife122.com/p/ai%E5%B0%B1%E7%BB%AA%E7%9A%84%E5%89%8D%E7%AB%AF%E6%9E%B6%E6%9E%84%E6%9E%84%E5%BB%BA%E4%BA%BA%E6%9C%BA%E5%8D%8F%E4%BD%9C%E7%9A%84%E6%96%B0%E8%8C%83%E5%BC%8F/ <h1 id="ai就绪的前端架构">AI就绪的前端架构</h1> <h2 id="重新思考ai时代的前端架构">重新思考AI时代的前端架构</h2> <p>我们正进入一个前端系统不仅供人类使用，还被AI工具解析、生成和解释的时代。现代框架如shadcn/ui、设计到代码工具如V0.dev，以及IDE代理如Junie正在重新定义我们的构建方式。但随着这种加速，对结构的需求也更大。</p> https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-js%E6%9E%84%E5%BB%BA%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84web%E5%BA%94%E7%94%A8%E6%A0%B8%E5%BF%83%E6%8A%80%E6%9C%AF%E4%B8%8E%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97/ Wed, 10 Sep 2025 06:33:59 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-js%E6%9E%84%E5%BB%BA%E5%8F%AF%E6%89%A9%E5%B1%95%E7%9A%84web%E5%BA%94%E7%94%A8%E6%A0%B8%E5%BF%83%E6%8A%80%E6%9C%AF%E4%B8%8E%E5%AE%9E%E6%88%98%E6%8C%87%E5%8D%97/ <h1 id="如何用react-js构建可扩展的web应用">如何用React JS构建可扩展的Web应用</h1> <p>可扩展性不仅是流行词，更是应用生存的关键。它指的是应用在处理更多用户、数据或功能时保持性能不下降的能力。可扩展的应用能够适应变化，让开发者专注于新功能而非性能修复。</p>