本文介绍了AI编程工程化体系的三层架构模型。内层通过规则约束和命令封装确保代码规范；中层通过技能扩展、自动化检查和任务分解提升代码质量；外层实现与外部系统的连接。针对React18+Umi4+TS+AntD+Valtio技术栈，提出了具体实施建议：内层制定编码规范，中层注入专业知识，外层连接项目上下文。最后建议将这些规范写入系统提示，指导AI生成符合要求的代码。该体系能有效规范AI辅助编程，确保代

Xcode真机调试报错可能由于安装应用时WiFi关闭导致。解决方法：进入手机设置，找到对应应用，开启无线数据权限（选择第二或第三选项）。该操作允许应用在WiFi关闭时仍能获取网络权限，确保调试顺利进行。

访问公司的服务xxx.168.30.xxx:8081，防火墙没有配置8081端口就报错了 400。域ping 通了，以为服务配置好了可以撸起袖子加油干，但是 访问公司的服务 出错了400。现在服务器是的默认端口好像只有80，443，其余端口都需要我们配置。在电脑搜索框输入fire ,选择防火墙，获取控制面找到防火墙。2、选中入站规则——可以看到右侧菜单有新建规则。可以看到左侧菜单有入站规则、出站规

EventBus相当于一个全局的仓库，任何组件都可以去这个仓库里获取事件。它的工作原理是发布/订阅方法，通常称为 Pub/Sub。创建 utils.js 作为事件总线。根目录新建 eventBus.ts。兄弟组件1 接受参数。

我这里实在react中使用的，配合hooks，使用react第5天，之前一直用vue5年，新项目选型react,因为是外企项目，再有业务逻辑相对复杂，用vue3.0,不如用react了，Hooks更简单。防抖和节流：主要目的是为了降低高频事件触发，减少dom操作或请求次数，提升性能。因为需要遍历数组所以会触发多个提示，这里只需要提示一次，方案采用防抖。在遇到类似场景，React中使用防抖并且失效的

设置中搜索window.nativeTabs，打钩。

1、Google 发布了 Gemma 4 系列开源模型。256K 上下文、原生函数调用、Apache 2.0 许可证——这些已经很香了。但真正让我兴奋的是：有人用它做了一个 Chrome 插件，靠 WebGPU 在浏览器里跑本地 Agent，不需要 API Key，不上传数据。Gemma 4 有几个点让我觉得确实值得聊一聊——不是因为它"最强"，而是因为它可能是，而且落地路径对前端开发者来说特别友

Flutter WebView使用踩坑指南：早期版本代码（使用WebView组件）会导致报错，正确写法应使用WebViewWidget（webview_flutter 4.x引入的新组件）。新版实现需要通过WebViewController配置JavaScript模式并加载URL：创建控制器后，使用级联操作符(..)链式调用配置方法，再将控制器传递给WebViewWidget。注意老版WebVie

设置中搜索window.nativeTabs，打钩。

public文件夹下新建static文件夹，这个文件夹存放的我们需要下载的静态资源文件，如下图，这里我存放了一个 模板.xlsx文件，待会需要下载这个文件。当然static文件夹存放pdf文件、word文件什么的都可以的。static文件夹下也可以再建文件夹精细化存放，只要a标签下载的时候路径对得上即可，这里不赘述。注意：这里要在public文件夹中新建文件夹存放静态资源，不能在src文件夹中新建