https://blog.qife122.com/tags/%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B/ Recent content in 前端工程 on 办公AI智能小助手 Hugo zh-cn qife Sun, 04 Jan 2026 13:12:23 +0800 https://blog.qife122.com/p/%E5%88%A9%E7%94%A8ai%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%B0%86ui%E4%BA%A4%E4%BB%98%E9%80%9F%E5%BA%A6%E6%8F%90%E5%8D%87%E5%9B%9B%E5%80%8D/ Sun, 04 Jan 2026 13:12:23 +0800 https://blog.qife122.com/p/%E5%88%A9%E7%94%A8ai%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E5%B0%86ui%E4%BA%A4%E4%BB%98%E9%80%9F%E5%BA%A6%E6%8F%90%E5%8D%87%E5%9B%9B%E5%80%8D/ <h1 id="ship-ui-4x-faster-with-the-ai-frontend-engineer">Ship UI 4x faster with the AI frontend engineer</h1> <p>Design, prototype, and ship production changes within your existing sites and applications.</p> <h2 id="tag-ticket-or-prompt">Tag, ticket, or prompt</h2> <p>Integrate Builder agents into your codebase, design system, Jira, Linear, and Slack</p> <h2 id="refine-and-iterate">Refine and iterate</h2> <p>Review Builder’s work, iterate using the agent or visually edit anything</p> <h2 id="review-approve-and-ship">Review, approve, and ship</h2> <p>Send code for review or publish via API following standard development process</p> https://blog.qife122.com/p/%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F%E6%A0%87%E6%B3%A8%E7%AC%AC%E4%B8%80%E9%83%A8%E5%88%86%E6%97%A0%E9%9A%9C%E7%A2%8D%E6%80%A7%E6%98%AF%E5%A6%82%E4%BD%95%E5%9C%A8%E7%BB%84%E4%BB%B6%E4%B8%AD%E8%A2%AB%E5%BF%BD%E7%95%A5%E7%9A%84/ Wed, 31 Dec 2025 01:22:25 +0800 https://blog.qife122.com/p/%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F%E6%A0%87%E6%B3%A8%E7%AC%AC%E4%B8%80%E9%83%A8%E5%88%86%E6%97%A0%E9%9A%9C%E7%A2%8D%E6%80%A7%E6%98%AF%E5%A6%82%E4%BD%95%E5%9C%A8%E7%BB%84%E4%BB%B6%E4%B8%AD%E8%A2%AB%E5%BF%BD%E7%95%A5%E7%9A%84/ <h1 id="设计系统标注第一部分无障碍性是如何在组件中被忽略的">设计系统标注，第一部分：无障碍性是如何在组件中被忽略的</h1> <p>GitHub的无障碍设计团队创建了一套标注方案，旨在弥补设计系统自身无法解决的问题，并主动处理Primer组件中的无障碍性问题。</p> <p>在设计系统方面，每个组织在其无障碍性旅程中往往处于不同的阶段。一些组织投入了大量工作使其设计系统变得无障碍，而另一些则在实现这一目标之前还有很长的路要走。为了在这一旅程中提供帮助，许多组织依赖无障碍性标注，以确保设计准备好构建时不存在访问障碍。</p> https://blog.qife122.com/p/%E5%91%8A%E5%88%AB%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%9C%A8django%E4%B8%AD%E4%BD%BF%E7%94%A8%E5%8E%9F%E7%94%9Fjavascript%E6%A8%A1%E5%9D%97/ Wed, 03 Dec 2025 06:13:19 +0800 https://blog.qife122.com/p/%E5%91%8A%E5%88%AB%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7%E5%9C%A8django%E4%B8%AD%E4%BD%BF%E7%94%A8%E5%8E%9F%E7%94%9Fjavascript%E6%A8%A1%E5%9D%97/ <p>过去十多年，我们一直在捆绑CSS和JavaScript文件。这些构建工具让我们能够在利用CSS和JS新浏览器特性的同时，仍然支持旧的浏览器。它们也有助于客户端网络性能，将内容最小化，并将文件合并成一个大包以减少网络握手。在这个过程中，我们经历了许多构建工具的迭代；从Grunt（2012年）到Gulp（2013年），再到Webpack（2014年）、Parcel（2017年）、esbuild（2020年）和Vite（2020年）。 而有了现代浏览器技术，对这些构建工具的需求就减少了。</p> https://blog.qife122.com/p/%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F%E5%9B%A2%E9%98%9F%E7%9A%84%E7%9B%AE%E6%A0%87%E6%8C%91%E6%88%98%E4%B8%8E%E6%88%90%E5%8A%9F%E5%AE%9E%E8%B7%B5/ Mon, 29 Sep 2025 11:39:37 +0800 https://blog.qife122.com/p/%E8%AE%BE%E8%AE%A1%E7%B3%BB%E7%BB%9F%E5%9B%A2%E9%98%9F%E7%9A%84%E7%9B%AE%E6%A0%87%E6%8C%91%E6%88%98%E4%B8%8E%E6%88%90%E5%8A%9F%E5%AE%9E%E8%B7%B5/ <h1 id="设计系统团队目标挑战与成功">设计系统团队：目标、挑战与成功</h1> <p>分享我在多个设计系统团队的工作经验，这不是技术性文章，而是更多关注团队的目标、挑战和成功经验。</p> <p>设计系统是可重用组件、指南、模式和最佳实践（包括可访问性和响应式设计）的集合，帮助公司构建一致且高效的用户界面。它提供了构建块，以在产品或多个产品和平台间创建一致的用户体验。涉及多个学科：设计、前端工程、产品管理等。</p>