ClawX:基于 Electron 的可视化 AI 智能体工具
ClawX 是一款基于 Electron 和 React 构建的可视化 AI 智能体工具,旨在降低 OpenClaw 的使用门槛。它提供零配置安装、聊天式操作界面及可视化自动化任务设置功能。用户可通过插件商店扩展技能,支持定时抓取、代码生成等场景。文章介绍了其双进程架构原理及基本配置流程,帮助用户快速上手 AI 自动化工作流。
ClawX 是一款基于 Electron 和 React 构建的可视化 AI 智能体工具,旨在降低 OpenClaw 的使用门槛。它提供零配置安装、聊天式操作界面及可视化自动化任务设置功能。用户可通过插件商店扩展技能,支持定时抓取、代码生成等场景。文章介绍了其双进程架构原理及基本配置流程,帮助用户快速上手 AI 自动化工作流。
介绍如何在本地环境部署 OpenClaw 并配置飞书机器人。主要步骤包括安装 Node.js 和 OpenClaw 核心,获取 GLM 模型 API Key,在飞书开放平台创建应用并配置回调权限,安装飞书插件,最后启动服务并配置连接密钥。支持本地或云端模式,需注意 Token 消耗及上下文长度限制。

总结了 2024 年前端领域的主要技术进展,涵盖 React、Vue、Svelte 及 Qwik 四大框架。React 重点介绍了 Server Components、并发渲染及 SSR 集成优化;Vue 梳理了 3.3 至 3.5 版本的性能提升与新特性如 v-memo、defineModel;Svelte 强调了编译时优化带来的运行时性能优势;Qwik 则展示了其 Resumable Streams 技术在零基线 JavaScrip…
详细对比了 React 项目中常用的六种状态管理方案:React Context + useReducer、Redux、MobX、Recoil、Zustand 以及 Jotai。通过提供具体的代码示例,分析了各方案的实现逻辑、优缺点及适用场景。文章建议开发者根据应用规模选择合适工具,小型应用可用 Context,中型用 Zustand/Jotai,大型用 Redux/MobX,并强调避免滥用状态管理导致复杂度增加。

Vue Print Designer 是一款面向业务表单、标签、票据等场景的可视化打印设计器。核心优势包括开箱即用的分页逻辑、基于 Web Components 的跨框架兼容能力(支持 Vue/React/原生 HTML),以及静默打印和云打印功能。支持拖拽式模板设计、智能表格处理及 PDF/图片/Blob 多格式导出。集成方式灵活,可通过 npm 安装或源码定制,适用于快速开发和企业的定制化打印需求。

分享了一位非科班、无实习经历的前端工程师如何通过坚持技术写作、拓展泛前端技能(如后端、AI、容器化)以及保持良好心态,最终获得大厂 SP/SSP offer 的经验。核心观点在于'求其外,善其内',通过向外拓展反哺内修,打破技术边界,在 AI 时代寻找不可替代性。文章还总结了秋招中的选择逻辑与长期主义思考。

记录了在 Jetson ARM64 环境下部署 OpenClaw 并接入飞书机器人的完整流程。主要步骤包括安装 Node.js 与 pnpm、解决 CMake 版本兼容性问题、配置模型 API 及 Gateway Token、启动服务以及配置飞书应用权限与回调。文章重点解决了 Jetson 编译依赖、环境变量配置、Token 认证匹配及飞书应用发布等常见坑点,实现了通过飞书群聊或私聊调用本地 AI Agent 的功能。
分析 DeepSeek 等 AI 技术对前端行业的影响,指出常规页面生成等低阶工作将被替代,前端需向复杂交互、性能优化、AI 原生界面等高价值领域转型。文章列举了 8 个值得深耕的方向,包括 AI 驱动架构、实时协作系统、设计工程等,并提供短期至长期的行动建议,强调核心价值在于驾驭 AI 生成代码及构建新交互范式。

在 Linux 环境下使用 Node.js 安装 OpenClaw AI Agent 工具的完整流程。内容包括环境准备(Node.js 安装)、CLI 初始化配置(模型选择、API Key 设置)、TUI 交互步骤以及解决 TUI 与 Web UI 认证不一致导致的 Token 注入问题。通过命令行获取 token 并补充至 Web UI 参数中,即可实现本地 AI 助手的快速部署与使用。

Vue3 和 TypeScript 相关的前端高频面试题。内容涵盖 Vue3 新特性(组合式 API、Teleport 等)、指令(v-if/v-show/v-for)、响应式原理(Proxy vs Object.defineProperty)、生命周期、组件通信、路由(Hash/History/守卫)、异步请求(Axios)以及 TypeScript 基础类型与泛型应用。旨在帮助开发者系统复习核心知识点,应对面试挑战。
AI Skills 是将经验和最佳实践沉淀为 AI 能力的工具包,旨在解决 Agent 在完成任务时的重复性工作。通过 MCP(AI 的 API),AI 可调用 Skills 实现标准化输出。 Skills 的概念、应用场景(如增删改查、UI 规范),并推荐了 skills.sh 平台及 agent-skills、vue-skills 等具体技能集。最后讲解了安装使用方法及自定义开发结构,指出 AI+Skills 是未来前端开发的重要方…
介绍一款 B 站 PC 端自动开启字幕的用户脚本。该脚本支持快捷键控制字幕开关,切换视频或分 P 时自动开启字幕,并适配 2026 年新版播放器。需配合 Tampermonkey 或 Violentmonkey 使用。包含常见问题解答及更新日志。
介绍如何使用 Next.js、Wagmi 和 Viem 快速构建支持 TokenP 钱包登录的 DApp 前端。涵盖钱包连接、用户信息展示、链上数据查询及状态管理等功能实现。通过响应式设计和错误处理优化体验,并演示了部署流程。适合 Web3 初学者参考。

前端函数防抖(debounce)技术,阐述其减少高频事件触发次数以提升性能的核心原理。介绍了输入框搜索、按钮防连点、窗口调整等典型应用场景。提供了从零手写防抖函数的 JavaScript 实现方案,并对比了使用 Lodash 库中_.debounce 方法的便捷性。最后给出了包含 HTML、CSS 及 JS 的完整搜索组件示例,帮助开发者在实际项目中落地防抖优化策略。
介绍在 Windows 环境下本地部署 Ollama 大模型与 OpenClaw 智能中枢的方法。通过安装 Node.js 环境及配置 DeepSeek 模型,结合 Skill 插件,可实现代码生成、数据分析、文案写作及视频辅助等功能。方案无需云端 API 调用,保护数据隐私,适合希望搭建私有化 AI 生产力的用户。
介绍 Node-RED Dashboard 的低代码界面搭建方法。涵盖安装配置、布局规划、组件添加(仪表盘、图表、按钮)、数据流连接及样式自定义。通过实战案例展示如何构建物联网可视化界面,并提供故障排除方案与扩展工具推荐,帮助开发者无需深厚前端知识即可实现专业数据监控面板。

档介绍了 OpenClaw 的安装、配置及 QQ 机器人接入流程。涵盖系统要求、Node.js 环境搭建、OpenClaw Gateway 启动、配置文件修改(含模型与通道设置)、多种 QQBot 接入方式(扩展或 NapCat)以及常见问题排查。适合希望部署本地 AI 助手并集成 QQ 通信功能的开发者参考。

在 Windows 本地部署 OpenClaw 开源 AI Agent 网关框架及接入 QQ 机器人的完整流程。主要步骤包括:准备 Node.js v22+ 和 Git 环境,解决 npm 权限问题;通过 npm 全局安装 OpenClaw 并使用 onboard 命令初始化,配置 Qwen 等大模型 API;最后通过 QQ 开放平台创建机器人并安装官方通信插件实现接入。该方案实现了本地化 AI 部署,支持多平台扩展及自定义工具调用,适…
在高德地图开发中使用官方加载器 @amap/amap-jsapi-loader 的优势,解决了直接引入 CDN 导致的版本管理、异步加载及网络波动问题。详细阐述了如何在高德开放平台注册账号、创建应用并配置 Web 端 JSAPI Key 及安全密钥(securityJsCode),强调了域名白名单设置的重要性,旨在帮助开发者规范地集成地图服务至现代前端项目中。

详细介绍浏览器桌面通知功能的实现原理与开发步骤。内容涵盖通知权限的三种状态及其处理逻辑,提供完整的 HTML 与 JavaScript 代码示例,演示如何申请权限、发送通知及处理用户交互。此外还包含兼容性测试、常见问题排查及进阶优化技巧,帮助开发者快速在网页中集成通知功能。