Midscene.js技术深度解析视觉驱动UI自动化的架构演进与实践路径【免费下载链接】midsceneAI-powered, vision-driven UI automation for every platform.项目地址: https://gitcode.com/GitHub_Trending/mid/midscene在传统UI自动化测试领域工程师们长期面临着选择器脆弱性、跨平台适配成本高、维护复杂度指数增长三大技术挑战。Midscene.js作为一款AI驱动的视觉自动化框架通过纯视觉定位技术和自然语言交互范式从根本上重构了UI自动化的技术栈。本文将深入分析其技术架构、实现原理并提供从概念验证到生产部署的完整技术路径。技术挑战与解决方案架构传统UI自动化的技术瓶颈传统UI自动化测试依赖DOM选择器如XPath、CSS Selector进行元素定位这种模式存在三个核心缺陷选择器脆弱性UI微小的样式或结构变化都会导致选择器失效跨平台适配成本移动端、Web端、桌面端需要不同的定位策略维护复杂度随着业务增长测试脚本的维护成本呈指数级上升Midscene.js通过视觉语言模型VLM驱动的纯视觉定位技术将UI交互从DOM依赖中解耦。其核心创新在于将屏幕截图作为唯一输入让AI模型直接看懂界面并执行操作。三层架构设计从视觉感知到动作执行Midscene.js采用控制端-桥接层-设备端的三层架构设计架构核心优势视觉感知统一化所有平台使用相同的视觉识别模型协议抽象层MCPModel Context Protocol提供统一的设备控制接口环境隔离设计每个测试会话独立的环境配置支持多租户部署核心技术实现深度解析纯视觉定位算法实现Midscene.js的核心技术创新在于完全摒弃DOM依赖采用纯视觉元素定位。在packages/core/src/ai-model/inspect.ts中实现了基于视觉语言模型的元素检测算法// 核心视觉定位接口定义 export interface AiLocateElement { (screenshot: Buffer, prompt: string): PromiseRect; } // 视觉语言模型调用实现 export async function locateElementByVision( screenshot: Buffer, elementDescription: string ): PromiseRect { // 将截图转换为base64编码 const base64Image screenshot.toString(base64); // 构建多模态提示词 const visionPrompt { model: qwen-vl-max, messages: [ { role: user, content: [ { type: text, text: 定位界面中的元素: ${elementDescription} }, { type: image_url, image_url: { url: data:image/png;base64,${base64Image} } } ] } ] }; // 调用视觉模型API const response await callVisionModel(visionPrompt); return parseBoundingBox(response); }技术优势跨平台一致性相同的视觉算法适用于Android、iOS、Web等所有平台抗UI变化能力元素样式变化不影响视觉识别准确性零DOM依赖适用于Canvas、游戏界面等传统方法无法处理的场景智能任务规划引擎在packages/core/src/ai-model/llm-planning.ts中实现了基于LLM的任务分解引擎export interface SubGoal { action: tap | type | scroll | wait | assert; target: string; value?: string; confidence: number; } export async function plan( goal: string, context: UIContext ): PromiseSubGoal[] { // 基于目标描述和当前UI上下文生成任务序列 const systemPrompt 你是一个UI自动化专家请将用户目标分解为可执行的原子操作步骤。; const response await callAIWithObjectResponse{ steps: SubGoal[] }({ model: gpt-4o, messages: [ { role: system, content: systemPrompt }, { role: user, content: 目标: ${goal}\n当前界面: ${JSON.stringify(context)} } ] }); return response.steps; }任务规划特点动态适应性根据实时UI状态调整操作序列容错机制操作失败时自动尝试替代方案进度感知跟踪任务执行状态支持断点续执行性能优化与缓存策略在Android设备性能测试中packages/android/tests/bench-size.tsMidscene.js实现了多级缓存和图像优化优化策略技术实现性能提升图像压缩JPEG Q5质量 720p缩放传输体积减少85%结果缓存LRU缓存 TTL过期API调用减少65%并行执行多设备任务调度测试时间缩短70%模型选择动态模型切换策略成本降低40%// 智能缓存配置示例 export const cacheConfig { enabled: true, ttl: 3600, // 1小时缓存 strategy: lru, maxSize: 1000, // 基于操作类型的缓存策略 operationCache: { tap: { ttl: 300 }, // 点击操作5分钟缓存 type: { ttl: 600 }, // 输入操作10分钟缓存 assert: { ttl: 1800 } // 断言操作30分钟缓存 } };跨平台适配架构设备抽象层设计Midscene.js通过统一的设备抽象接口支持多平台核心实现在packages/core/src/device/目录Alt: Midscene.js设备抽象层架构展示Android环境配置界面与设备控制分离设计设备适配器模式// 设备抽象接口 interface DeviceAdapter { connect(): Promisevoid; screenshot(): PromiseBuffer; tap(x: number, y: number): Promisevoid; type(text: string): Promisevoid; swipe(from: Point, to: Point): Promisevoid; } // Android设备实现 class AndroidDeviceAdapter implements DeviceAdapter { constructor(private adbPath: string) {} async screenshot(): PromiseBuffer { // 通过ADB获取屏幕截图 return execSync(${this.adbPath} exec-out screencap -p); } } // Web浏览器实现 class WebDeviceAdapter implements DeviceAdapter { async screenshot(): PromiseBuffer { // 通过Puppeteer/Playwright获取页面截图 return page.screenshot(); } }桥接模式实现对于桌面浏览器自动化Midscene.js提供了桥接模式允许本地脚本与浏览器实时通信Alt: Midscene.js桥接模式技术架构展示本地SDK与浏览器端的双向通信机制桥接协议核心// packages/web-integration/src/bridge-mode/bridge-manager.ts export class BridgeManager { private wsConnections: Mapstring, WebSocket; async connectToBrowser(tabId: string): PromiseWebSocket { // 建立WebSocket连接 const ws new WebSocket(ws://localhost:${PORT}/bridge/${tabId}); // 双向消息协议 ws.on(message, (data) { const message JSON.parse(data); this.handleBridgeMessage(message); }); return ws; } async sendAction(action: BridgeAction): PromiseBridgeResponse { // 发送操作指令到浏览器 return this.currentConnection.send(JSON.stringify(action)); } }生产环境部署方案环境配置最佳实践生产环境配置模板# config/production.yaml midscene: # AI模型配置 model: default: gpt-4o fallback: qwen-vl-max cache_enabled: true # 设备连接池 device_pool: android: max_connections: 10 connection_timeout: 30000 ios: max_connections: 5 connection_timeout: 45000 # 性能优化 optimization: screenshot_quality: 85 screenshot_resolution: 720p parallel_execution: true retry_policy: max_retries: 3 backoff_factor: 1.5 # 监控与日志 monitoring: metrics_enabled: true log_level: info alert_thresholds: error_rate: 0.05 avg_response_time: 5000集成现有技术栈与CI/CD流水线集成# .github/workflows/e2e-tests.yml name: E2E Tests with Midscene.js on: push: branches: [main] pull_request: branches: [main] jobs: e2e-tests: runs-on: ubuntu-latest steps: - uses: actions/checkoutv3 - name: Setup Node.js uses: actions/setup-nodev3 with: node-version: 18 - name: Install dependencies run: npm ci - name: Setup Android emulator uses: reactivecircus/android-emulator-runnerv2 with: api-level: 33 target: google_apis arch: x86_64 profile: Nexus 6 - name: Run Midscene.js tests env: MIDSCENE_MODEL: gpt-4o-mini OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }} run: | npm run test:e2e -- --platformandroid npm run test:e2e -- --platformweb与测试框架集成// 集成Playwright测试框架 import { test, expect } from playwright/test; import { MidsceneAgent } from midscene/web; test(用户登录流程, async ({ page }) { const agent new MidsceneAgent(page); // 使用自然语言描述测试步骤 await agent.aiAction(打开登录页面); await agent.aiAction(在用户名输入框输入testuser); await agent.aiAction(在密码输入框输入password123); await agent.aiAction(点击登录按钮); // 使用视觉断言验证结果 const isLoggedIn await agent.aiAssert(页面显示欢迎信息); expect(isLoggedIn).toBeTruthy(); });技术选型对比与迁移建议与传统自动化框架对比维度Selenium/AppiumPlaywright/CypressMidscene.js元素定位方式DOM选择器DOM选择器视觉识别跨平台一致性需要不同驱动需要不同API统一视觉模型维护成本高选择器易失效中选择器相对稳定低抗UI变化学习曲线陡峭需掌握选择器语法中等API较友好平缓自然语言AI集成无有限深度集成适用场景传统Web/移动应用现代Web应用全平台复杂UI迁移路径建议阶段一概念验证1-2周在apps/android-playground/或apps/chrome-extension/中体验基础功能针对关键业务场景编写3-5个测试用例评估识别准确率和执行稳定性阶段二核心流程迁移2-4周将核心业务流程如登录、支付迁移到Midscene.js配置生产级AI模型和缓存策略集成到现有CI/CD流水线阶段三全流程覆盖1-2月覆盖80%以上的E2E测试用例实现分布式测试执行建立监控告警体系高级调试与优化技巧视觉识别调优// 提高识别准确率的技巧 const optimizedConfig { // 增加视觉上下文 includeContext: true, contextPadding: 50, // 多模型投票机制 modelVoting: { primary: gpt-4o, secondary: qwen-vl-max, consensusThreshold: 0.7 }, // 图像预处理 imagePreprocessing: { enhanceContrast: true, normalizeBrightness: true, removeNoise: true } };性能瓶颈排查网络延迟分析检查AI API响应时间考虑启用本地模型图像传输优化调整截图质量和分辨率缓存命中率监控确保高频操作被有效缓存并发连接管理避免设备连接池耗尽扩展开发与二次开发自定义设备适配器对于特殊硬件或私有协议设备可以扩展设备适配器// packages/custom-device/src/adapter.ts import { DeviceAdapter, Point, Rect } from midscene/core; export class CustomDeviceAdapter implements DeviceAdapter { constructor(private connection: CustomConnection) {} async connect(): Promisevoid { await this.connection.establish(); } async screenshot(): PromiseBuffer { const imageData await this.connection.captureScreen(); return Buffer.from(imageData, base64); } async tap(point: Point): Promisevoid { await this.connection.sendTouchEvent(point.x, point.y); } // 实现其他必要接口 }插件系统开发Midscene.js支持插件机制扩展功能// 自定义断言插件 export class CustomAssertionPlugin { static pluginName custom-assertions; async register(agent: MidsceneAgent) { agent.addAssertion(elementContainsText, async (element, text) { const screenshot await agent.screenshot(); const result await ocrService.recognizeText(screenshot, element.bounds); return result.includes(text); }); } }技术演进路线图短期优化3-6个月模型性能优化支持更多开源视觉语言模型降低API成本分布式执行支持Kubernetes集群部署实现大规模并行测试智能修复基于历史数据自动修复失败的测试用例中期规划6-12个月无代码平台可视化测试用例编排和结果分析智能测试生成基于用户行为数据自动生成测试用例生产监控集成将自动化能力扩展到生产环境监控长期愿景1-2年全自主测试AI自主探索应用并生成完整测试套件跨应用流程支持多个应用间的端到端业务流程测试预测性维护基于历史数据预测潜在问题并提前干预结语视觉自动化新范式Midscene.js代表了UI自动化测试的技术范式转变——从基于DOM的脆弱定位转向基于视觉的智能交互。这种转变不仅解决了传统自动化的核心痛点更为未来的智能化测试奠定了基础。对于技术决策者而言采用Midscene.js意味着降低维护成本减少因UI变化导致的测试脚本失效提升测试覆盖率轻松覆盖传统方法难以处理的复杂场景加速交付流程自然语言描述大幅提升测试用例编写效率未来技术储备为AI驱动的质量保障体系奠定基础技术团队可以从核心业务流程开始试点逐步扩展到全流程覆盖最终构建起以视觉智能为核心的下一代自动化测试体系。Alt: Midscene.js Playground技术界面展示网页自动化测试的视觉识别与自然语言交互能力【免费下载链接】midsceneAI-powered, vision-driven UI automation for every platform.项目地址: https://gitcode.com/GitHub_Trending/mid/midscene创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
Midscene.js技术深度解析：视觉驱动UI自动化的架构演进与实践路径
发布时间：2026/5/22 20:07:06
Midscene.js技术深度解析视觉驱动UI自动化的架构演进与实践路径【免费下载链接】midsceneAI-powered, vision-driven UI automation for every platform.项目地址: https://gitcode.com/GitHub_Trending/mid/midscene在传统UI自动化测试领域工程师们长期面临着选择器脆弱性、跨平台适配成本高、维护复杂度指数增长三大技术挑战。Midscene.js作为一款AI驱动的视觉自动化框架通过纯视觉定位技术和自然语言交互范式从根本上重构了UI自动化的技术栈。本文将深入分析其技术架构、实现原理并提供从概念验证到生产部署的完整技术路径。技术挑战与解决方案架构传统UI自动化的技术瓶颈传统UI自动化测试依赖DOM选择器如XPath、CSS Selector进行元素定位这种模式存在三个核心缺陷选择器脆弱性UI微小的样式或结构变化都会导致选择器失效跨平台适配成本移动端、Web端、桌面端需要不同的定位策略维护复杂度随着业务增长测试脚本的维护成本呈指数级上升Midscene.js通过视觉语言模型VLM驱动的纯视觉定位技术将UI交互从DOM依赖中解耦。其核心创新在于将屏幕截图作为唯一输入让AI模型直接看懂界面并执行操作。三层架构设计从视觉感知到动作执行Midscene.js采用控制端-桥接层-设备端的三层架构设计架构核心优势视觉感知统一化所有平台使用相同的视觉识别模型协议抽象层MCPModel Context Protocol提供统一的设备控制接口环境隔离设计每个测试会话独立的环境配置支持多租户部署核心技术实现深度解析纯视觉定位算法实现Midscene.js的核心技术创新在于完全摒弃DOM依赖采用纯视觉元素定位。在packages/core/src/ai-model/inspect.ts中实现了基于视觉语言模型的元素检测算法// 核心视觉定位接口定义 export interface AiLocateElement { (screenshot: Buffer, prompt: string): PromiseRect; } // 视觉语言模型调用实现 export async function locateElementByVision( screenshot: Buffer, elementDescription: string ): PromiseRect { // 将截图转换为base64编码 const base64Image screenshot.toString(base64); // 构建多模态提示词 const visionPrompt { model: qwen-vl-max, messages: [ { role: user, content: [ { type: text, text: 定位界面中的元素: ${elementDescription} }, { type: image_url, image_url: { url: data:image/png;base64,${base64Image} } } ] } ] }; // 调用视觉模型API const response await callVisionModel(visionPrompt); return parseBoundingBox(response); }技术优势跨平台一致性相同的视觉算法适用于Android、iOS、Web等所有平台抗UI变化能力元素样式变化不影响视觉识别准确性零DOM依赖适用于Canvas、游戏界面等传统方法无法处理的场景智能任务规划引擎在packages/core/src/ai-model/llm-planning.ts中实现了基于LLM的任务分解引擎export interface SubGoal { action: tap | type | scroll | wait | assert; target: string; value?: string; confidence: number; } export async function plan( goal: string, context: UIContext ): PromiseSubGoal[] { // 基于目标描述和当前UI上下文生成任务序列 const systemPrompt 你是一个UI自动化专家请将用户目标分解为可执行的原子操作步骤。; const response await callAIWithObjectResponse{ steps: SubGoal[] }({ model: gpt-4o, messages: [ { role: system, content: systemPrompt }, { role: user, content: 目标: ${goal}\n当前界面: ${JSON.stringify(context)} } ] }); return response.steps; }任务规划特点动态适应性根据实时UI状态调整操作序列容错机制操作失败时自动尝试替代方案进度感知跟踪任务执行状态支持断点续执行性能优化与缓存策略在Android设备性能测试中packages/android/tests/bench-size.tsMidscene.js实现了多级缓存和图像优化优化策略技术实现性能提升图像压缩JPEG Q5质量 720p缩放传输体积减少85%结果缓存LRU缓存 TTL过期API调用减少65%并行执行多设备任务调度测试时间缩短70%模型选择动态模型切换策略成本降低40%// 智能缓存配置示例 export const cacheConfig { enabled: true, ttl: 3600, // 1小时缓存 strategy: lru, maxSize: 1000, // 基于操作类型的缓存策略 operationCache: { tap: { ttl: 300 }, // 点击操作5分钟缓存 type: { ttl: 600 }, // 输入操作10分钟缓存 assert: { ttl: 1800 } // 断言操作30分钟缓存 } };跨平台适配架构设备抽象层设计Midscene.js通过统一的设备抽象接口支持多平台核心实现在packages/core/src/device/目录Alt: Midscene.js设备抽象层架构展示Android环境配置界面与设备控制分离设计设备适配器模式// 设备抽象接口 interface DeviceAdapter { connect(): Promisevoid; screenshot(): PromiseBuffer; tap(x: number, y: number): Promisevoid; type(text: string): Promisevoid; swipe(from: Point, to: Point): Promisevoid; } // Android设备实现 class AndroidDeviceAdapter implements DeviceAdapter { constructor(private adbPath: string) {} async screenshot(): PromiseBuffer { // 通过ADB获取屏幕截图 return execSync(${this.adbPath} exec-out screencap -p); } } // Web浏览器实现 class WebDeviceAdapter implements DeviceAdapter { async screenshot(): PromiseBuffer { // 通过Puppeteer/Playwright获取页面截图 return page.screenshot(); } }桥接模式实现对于桌面浏览器自动化Midscene.js提供了桥接模式允许本地脚本与浏览器实时通信Alt: Midscene.js桥接模式技术架构展示本地SDK与浏览器端的双向通信机制桥接协议核心// packages/web-integration/src/bridge-mode/bridge-manager.ts export class BridgeManager { private wsConnections: Mapstring, WebSocket; async connectToBrowser(tabId: string): PromiseWebSocket { // 建立WebSocket连接 const ws new WebSocket(ws://localhost:${PORT}/bridge/${tabId}); // 双向消息协议 ws.on(message, (data) { const message JSON.parse(data); this.handleBridgeMessage(message); }); return ws; } async sendAction(action: BridgeAction): PromiseBridgeResponse { // 发送操作指令到浏览器 return this.currentConnection.send(JSON.stringify(action)); } }生产环境部署方案环境配置最佳实践生产环境配置模板# config/production.yaml midscene: # AI模型配置 model: default: gpt-4o fallback: qwen-vl-max cache_enabled: true # 设备连接池 device_pool: android: max_connections: 10 connection_timeout: 30000 ios: max_connections: 5 connection_timeout: 45000 # 性能优化 optimization: screenshot_quality: 85 screenshot_resolution: 720p parallel_execution: true retry_policy: max_retries: 3 backoff_factor: 1.5 # 监控与日志 monitoring: metrics_enabled: true log_level: info alert_thresholds: error_rate: 0.05 avg_response_time: 5000集成现有技术栈与CI/CD流水线集成# .github/workflows/e2e-tests.yml name: E2E Tests with Midscene.js on: push: branches: [main] pull_request: branches: [main] jobs: e2e-tests: runs-on: ubuntu-latest steps: - uses: actions/checkoutv3 - name: Setup Node.js uses: actions/setup-nodev3 with: node-version: 18 - name: Install dependencies run: npm ci - name: Setup Android emulator uses: reactivecircus/android-emulator-runnerv2 with: api-level: 33 target: google_apis arch: x86_64 profile: Nexus 6 - name: Run Midscene.js tests env: MIDSCENE_MODEL: gpt-4o-mini OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }} run: | npm run test:e2e -- --platformandroid npm run test:e2e -- --platformweb与测试框架集成// 集成Playwright测试框架 import { test, expect } from playwright/test; import { MidsceneAgent } from midscene/web; test(用户登录流程, async ({ page }) { const agent new MidsceneAgent(page); // 使用自然语言描述测试步骤 await agent.aiAction(打开登录页面); await agent.aiAction(在用户名输入框输入testuser); await agent.aiAction(在密码输入框输入password123); await agent.aiAction(点击登录按钮); // 使用视觉断言验证结果 const isLoggedIn await agent.aiAssert(页面显示欢迎信息); expect(isLoggedIn).toBeTruthy(); });技术选型对比与迁移建议与传统自动化框架对比维度Selenium/AppiumPlaywright/CypressMidscene.js元素定位方式DOM选择器DOM选择器视觉识别跨平台一致性需要不同驱动需要不同API统一视觉模型维护成本高选择器易失效中选择器相对稳定低抗UI变化学习曲线陡峭需掌握选择器语法中等API较友好平缓自然语言AI集成无有限深度集成适用场景传统Web/移动应用现代Web应用全平台复杂UI迁移路径建议阶段一概念验证1-2周在apps/android-playground/或apps/chrome-extension/中体验基础功能针对关键业务场景编写3-5个测试用例评估识别准确率和执行稳定性阶段二核心流程迁移2-4周将核心业务流程如登录、支付迁移到Midscene.js配置生产级AI模型和缓存策略集成到现有CI/CD流水线阶段三全流程覆盖1-2月覆盖80%以上的E2E测试用例实现分布式测试执行建立监控告警体系高级调试与优化技巧视觉识别调优// 提高识别准确率的技巧 const optimizedConfig { // 增加视觉上下文 includeContext: true, contextPadding: 50, // 多模型投票机制 modelVoting: { primary: gpt-4o, secondary: qwen-vl-max, consensusThreshold: 0.7 }, // 图像预处理 imagePreprocessing: { enhanceContrast: true, normalizeBrightness: true, removeNoise: true } };性能瓶颈排查网络延迟分析检查AI API响应时间考虑启用本地模型图像传输优化调整截图质量和分辨率缓存命中率监控确保高频操作被有效缓存并发连接管理避免设备连接池耗尽扩展开发与二次开发自定义设备适配器对于特殊硬件或私有协议设备可以扩展设备适配器// packages/custom-device/src/adapter.ts import { DeviceAdapter, Point, Rect } from midscene/core; export class CustomDeviceAdapter implements DeviceAdapter { constructor(private connection: CustomConnection) {} async connect(): Promisevoid { await this.connection.establish(); } async screenshot(): PromiseBuffer { const imageData await this.connection.captureScreen(); return Buffer.from(imageData, base64); } async tap(point: Point): Promisevoid { await this.connection.sendTouchEvent(point.x, point.y); } // 实现其他必要接口 }插件系统开发Midscene.js支持插件机制扩展功能// 自定义断言插件 export class CustomAssertionPlugin { static pluginName custom-assertions; async register(agent: MidsceneAgent) { agent.addAssertion(elementContainsText, async (element, text) { const screenshot await agent.screenshot(); const result await ocrService.recognizeText(screenshot, element.bounds); return result.includes(text); }); } }技术演进路线图短期优化3-6个月模型性能优化支持更多开源视觉语言模型降低API成本分布式执行支持Kubernetes集群部署实现大规模并行测试智能修复基于历史数据自动修复失败的测试用例中期规划6-12个月无代码平台可视化测试用例编排和结果分析智能测试生成基于用户行为数据自动生成测试用例生产监控集成将自动化能力扩展到生产环境监控长期愿景1-2年全自主测试AI自主探索应用并生成完整测试套件跨应用流程支持多个应用间的端到端业务流程测试预测性维护基于历史数据预测潜在问题并提前干预结语视觉自动化新范式Midscene.js代表了UI自动化测试的技术范式转变——从基于DOM的脆弱定位转向基于视觉的智能交互。这种转变不仅解决了传统自动化的核心痛点更为未来的智能化测试奠定了基础。对于技术决策者而言采用Midscene.js意味着降低维护成本减少因UI变化导致的测试脚本失效提升测试覆盖率轻松覆盖传统方法难以处理的复杂场景加速交付流程自然语言描述大幅提升测试用例编写效率未来技术储备为AI驱动的质量保障体系奠定基础技术团队可以从核心业务流程开始试点逐步扩展到全流程覆盖最终构建起以视觉智能为核心的下一代自动化测试体系。Alt: Midscene.js Playground技术界面展示网页自动化测试的视觉识别与自然语言交互能力【免费下载链接】midsceneAI-powered, vision-driven UI automation for every platform.项目地址: https://gitcode.com/GitHub_Trending/mid/midscene创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
相关文章
曼德勃罗集的 Three.js 实现
效果预览 经典的曼德勃罗集（Mandelbrot Set）分形渲染，配合动态缩放动画探索分形边界的无限细节。使用线性插值平滑着色，呈现出彩虹般的色彩过渡。 👉 点击查看《曼德勃罗集的》完整源码与效果演示 Shader 实现原理…
SQL 模糊查询 + NULL 空值。LIKE 通配符 % 和_、IS NULL
前言学会精准条件查询后，工作中又会遇到新难题：需要按关键词模糊搜索，比如搜姓张、名字带 “明” 的用户，不会写 LIKE；分不清 % 和 _ 两个通配符到底有什么区别，经常用错；数据表有空值 NULL&…
【无标题】agent对话生成
引言：安全工程师的“新武器” 简述传统PoC（概念验证）脚本编写耗时、易错、对经验依赖高的痛点。引出大语言模型（LLM）在代码生成领域的突破，特别是Google Gemini模型在代码理解与生成方面的优势。点明本文核…
扫描（SEM）-透射（TEM）-原子力（AFM）的比较
SEM： 扫描电子显微镜扫描电镜成像是利用细聚焦高能电子束在样件表面激发各种物理信号，如二次电子、背散射电子等，通过相应的检测器来检测这些信号，信号的强度与样品表面形貌有一定的对应关系，因此，可将其转…
扫描电镜（SEM）会产生哪些信号？
当高能电子束与样品相互作用时，会产生多种类型的信号。这些信号提供了有关材料表面形貌、成分和结构的关键信息。1.二次电子（SE）是入射电子将样品表面附近原子中的低能电子激发出来的。它们携带表面敏感信息（深度<10 nm&#x…
ArcGIS Pro 基础：县级人口图斑分级设色显示
首先确定图斑数据和属性数据，如下：对图层名称进行修改。右键图层属性，对常规里的名称进行修改。右键图层，打开【符号系统】。【主符号系统】选择【分级色彩】；【归一化】选择【无】；【方法】选择【自然间断…
昇腾CANN tensorflow：让 TensorFlow 在昇腾 NPU 上跑起来的适配层
TensorFlow 是业界主流训练框架之一。要让它识别昇腾 NPU、把图里的算子映射到 CANN 的算子库、把训练循环调度到 NPU 上——中间需要一整层适配代码。这个适配层就是 CANN tensorflow 仓库。 它和 torchtitan-npu 的定位类似（都是框架适配），…
番茄遗传转化服务选择指南——5大核心标准与伯远生物技术优势解析
番茄（Solanum lycopersicum L.）作为茄科蔬菜模式植物，因其基因组小、生长周期短、自花授粉易于纯合、可周年生长等优势，是当前植物基因工程研究的热点物种。其成熟的遗传转化体系为过表达、RNAi沉默、CRISPR/Cas9基因编辑等分子育…
为什么 TencentDB Agent Memory、OpenViking、PageIndex 的核心思想越来越像？
为什么 TencentDB Agent Memory、OpenViking、PageIndex 的核心思想越来越像？ 最近深入看 TencentDB Agent Memory、字节火山引擎的 OpenViking，以及 PageIndex，会发现一个很有意思的现象：它们虽然名字不同、定位不同、实现方式不…
单日大涨4.52%！华泰柏瑞中韩半导体ETF（513310.SH）上演“高热度”行情，溢价率风险引关注
5月21日，华泰柏瑞中韩半导体ETF（513310.SH）延续强势表现，当日收盘价报5.625元，涨幅达4.52%，盘中交投异常活跃，换手率109.80%，量比为1.32，市场资金交易热情高涨。然而&…
11. 架构：前端工程化与状态管理实战
写在前面： 如果说后端 MVT 引擎是 GIS 系统的“心脏”，那么前端就是它的“大脑”和“面孔”。在现代 WebGIS 开发中，如何优雅地管理复杂的图层状态、如何处理海量瓦片的渲染逻辑，是决定项目成败的关键。 今天，我们将深入 light-mvt-server 的前端核心，看看如何利用 Vite …
淘金币自动化脚本终极指南：10分钟搞定淘宝日常任务，每天为你节省20分钟
淘金币自动化脚本终极指南：10分钟搞定淘宝日常任务，每天为你节省20分钟 【免费下载链接】taojinbi 淘宝淘金币自动执行脚本，包含蚂蚁森林收取能量，芭芭农场全任务，解放你的双手 项目地址: https://gitcode.com/gh_mi…
【实用小程序】超轻量级文件上传下载中心 (File Download Server)
站内源码及jar包下载 一、项目概述 文件下载中心一个基于 Java 内置 HTTP 服务器（com.sun.net.httpserver）构建的轻量级文件管理服务。它零第三方依赖，单 JAR 包即可运行，适合在内网环境或临时场景中快速搭建文件共享站点。 你的团队需要临时共享一批日志文件或交付物，…
py每日spider案例之某website之xin东方选课搜索接口(难度一般 扣取代码即可)
加密位置: 逆向接口参数: 逆向接口: const g = globalThis; g.window = g; g.self = g; g.location = {<
终极轻量级Android文本编辑器Markor：多格式笔记应用完全指南
终极轻量级Android文本编辑器Markor：多格式笔记应用完全指南 【免费下载链接】markor Text editor - Notes & ToDo (for Android) - Markdown, todo.txt, plaintext, math, .. 项目地址: https://gitcode.com/gh_mirrors/ma/markor 在移动设备上寻找一款…
MPC-BE：基于DirectShow架构的专业级开源媒体播放解决方案
MPC-BE：基于DirectShow架构的专业级开源媒体播放解决方案 【免费下载链接】MPC-BE MPC-BE – универсальный проигрыватель аудио и видеофайлов для операционной системы Windows. 项目地址:…
如何快速计算3D模型体积和重量：STL-Volume-Model-Calculator终极指南
如何快速计算3D模型体积和重量：STL-Volume-Model-Calculator终极指南 【免费下载链接】STL-Volume-Model-Calculator STL Volume Model Calculator Python 项目地址: https://gitcode.com/gh_mirrors/st/STL-Volume-Model-Calculator 你是否曾经为3D打印项目…
通过Taotoken CLI工具一键配置团队开发环境与模型密钥
通过Taotoken CLI工具一键配置团队开发环境与模型密钥 1. CLI工具安装与基本使用 Taotoken提供的CLI工具可通过npm全局安装或直接使用npx运行。对于需要频繁使用CLI的团队，推荐全局安装： npm install -g taotoken/taotoken对于临时使用或项目级配置&a…