
AI 辅助开发微信小程序“打工了马”实战
文章介绍了利用 AI 工具 Google Stitch 和 TRAE 开发微信小程序'打工了马'的过程。该小程序支持计算休息日、发薪日及退休时间等财务规划功能。作者分享了 AI 辅助开发的体验,指出未来开发者需具备理解复杂需求、把控架构及精准指令的能力,而非单纯编写代码。

文章介绍了利用 AI 工具 Google Stitch 和 TRAE 开发微信小程序'打工了马'的过程。该小程序支持计算休息日、发薪日及退休时间等财务规划功能。作者分享了 AI 辅助开发的体验,指出未来开发者需具备理解复杂需求、把控架构及精准指令的能力,而非单纯编写代码。

详述了在 macOS 环境下通过 npm 安装 OpenClaw 开源 AI 助手平台的完整流程。内容包括环境准备、API Key 配置(以 Kimi 为例)、初始化向导操作以及将 OpenClaw 接入飞书机器人的具体步骤。同时提示了该工具存在的 Token 消耗及安全隐私风险,适合有技术基础的开发者尝试构建本地自动化工作流。

系统梳理了前端 DOM 操作的核心知识,涵盖元素获取(querySelector 等)、属性操作(固有与自定义)、样式修改(style/classList)及事件处理(三种绑定方式)。重点讲解了 this 关键字在不同场景下的指向规律,并通过代码示例演示了如何动态改变网页内容与交互。适合初学者快速掌握 DOM 编程基础。

Electron 框架的基础概念与快速上手流程。内容涵盖 Electron 架构模型、项目初始化、主进程与渲染进程通信机制(IPC)、本地文件操作示例以及使用 Electron Forge 进行打包部署。通过实际案例演示了如何构建跨平台桌面应用程序,解决了内容安全策略(CSP)配置及多系统窗口兼容性问题,并提供了热更新调试方案。适合希望利用 Web 技术开发桌面应用的开发者参考。
探讨 AI Skills 概念,将其定义为将最佳实践封装为可执行文件的工程范式。文章阐述 AI Skills 如何从辅助工具升级为核心生产力,涵盖 UI 组件生成、API 客户端编码及智能测试场景。通过解析 Skill 构成要素(配置、提示词、示例等),提供团队构建 AI Skills 引擎的三步路径(规划、开发、集成)。最终展望开发者角色从代码劳工转变为规则制定者和智能工作流架构师,强调元编程在提升开发效率与质量中的关键作用。

JavaScript 中 var、let、const 的区别,涵盖作用域、变量提升、重复声明及可修改性。通过对比表格和代码示例,明确 var 为函数作用域且存在变量提升风险,let 和 const 为块级作用域且有暂时性死区。建议开发中优先使用 const 声明常量,需要修改时使用 let,避免使用 var 以减少潜在 Bug。

介绍基于 Leaflet 和 SpringBoot 实现省域区县天气可视化的完整流程。涵盖空间数据检索(省级及区县)、百度天气数据获取与入库、后端查询接口开发以及前端地图渲染。通过定义气温颜色色带和碰撞检测组件,解决大量数据展示遮挡问题。结合湖南省与西藏自治区的实际案例,展示了从低温到高温的气温分布效果,为 WebGIS 气象应用提供参考。
系统梳理了前端面试核心考点,包括 ES6 新特性、跨域解决方案、Vue2 与 Vue3 响应式原理及 API 区别、v-if/v-show 对比、网页加载优化策略、浏览器渲染流程、节流防抖实现、闭包应用、事件循环机制及 TypeScript 装饰器。重点阐述了 10 万数据量下的虚拟列表和时间分片渲染优化方案,适合前端开发者复习与提升。

前端拖拽交互的常见痛点,指出原生 HTML5 拖拽 API 在性能和体验上的不足。文章对比了 react-beautiful-dnd 和 sortablejs 等主流库的使用方式,并提供了库选择建议及动画、视觉反馈、触摸适配等最佳实践,帮助开发者构建流畅的拖拽功能。
探讨了前端团队协作中的常见痛点,如代码冲突、分支混乱及沟通不畅。提出了基于 Git Flow 的版本控制规范、标准化的代码审查流程、敏捷项目管理工具的使用以及高效的沟通协作机制。强调根据团队规模选择合适的协作策略,避免过度流程化,旨在通过合理的工具链和最佳实践提升开发效率与代码质量。
OpenClaw 的 Secure DM Pairing 机制,用于解决 AI 机器人私信访问的安全控制问题。通过生成临时配对码,用户可请求授权,管理员经 CLI 指令批准后,用户 ID 即加入白名单。该方案兼顾安全性与便捷性,避免了手动配置长 ID 的繁琐,并通过源码解析展示了消息拦截与策略判断的核心逻辑。

在 Vue2.x 项目中利用 SVG 技术实现不封闭圆形进度条的方法。核心原理是通过 stroke-dasharray 和 stroke-dashoffset 属性控制圆弧的显示与缺口位置。文章详细讲解了计算周长、缺口比例及偏移量的逻辑,并提供了完整的组件封装代码,支持渐变、动画、自定义内容等特性。同时分析了 SVG 方案与 Canvas 方案的优缺点,讨论了浏览器兼容性、性能优化及常见坑点(如反向旋转、缺口对齐),并给出了防抖处理和深…

一个基于 Web 技术的碳排放可视化大屏项目。项目采用 HTML、CSS 和 JavaScript 构建,核心图表库使用 ECharts,3D 地球效果使用 Three.js。功能模块包括实时时间显示、教室/实验室/宿舍的用电量与用水量统计柱状图、交通工具出行饼图以及横向条形图对比。中间区域展示了基于 WebGL 的 3D 地球模型及关键数据指标。文章提供了完整的视图层代码(view.html)、样式表(view.css)及逻辑脚本(v…

介绍在浏览器中播放 H.265 视频的混合解码方案。针对浏览器原生支持不足的问题,优先利用 WebCodecs API 进行硬件加速解码,不支持时降级至 WebAssembly 版 FFmpeg 进行 CPU 软解。核心实现包括在 Web Worker 中运行解码循环以避免阻塞主线程,使用 WebGL Shader 在 GPU 中将 YUV 数据转换为 RGB 以提升渲染性能,并通过音频时钟基准解决音画同步问题。该方案适用于 1080p…

介绍 WebGL 中矩阵变换的核心原理与实战应用。涵盖平移、旋转、缩放的 4x4 矩阵构建方法,以及如何在顶点着色器中应用这些矩阵实现 3D 动画。通过对比纯矩阵运算与 gl-matrix 库的使用,详解复合变换的顺序逻辑(缩放→旋转→平移)。内容包含完整 HTML 代码示例,帮助开发者理解 GPU 渲染管线中的坐标转换机制,避免常见开发误区。

系统介绍了 HTTP 常见请求方式(GET、POST、PUT、PATCH、DELETE)的区别与应用场景。重点对比了 GET 与 POST 在参数位置、安全性、缓存及幂等性上的差异,并结合 Axios 库给出了标准代码示例。文章强调了登录等敏感操作应使用 POST 以避免密码泄露,并提供了 RESTful 设计规范建议,帮助开发者在实际前后端分离项目中正确选择请求方法。
在 JetBrains IntelliJ IDEA 中集成和使用 Claude Code 的步骤。主要包含注册 API 接口(如智普 AI 或硅基流动)、安装 cc-switch 工具切换 Token、通过 npm 全局安装 Claude Code 命令行工具,以及在 IDEA 中安装对应插件进行配置。通过上述流程,开发者可以在熟悉的 IDEA 环境中直接使用 Claude Code 进行代码辅助。

JavaScript 原生 Number 类型在处理大数及高精度小数时的精度丢失问题,推荐使用 BigNumber.js 库解决。内容涵盖库的介绍、安装配置、常用方法(加减乘除、幂运算、格式化等)以及实际场景下的精度对比示例,适用于金融、区块链等对数值精度要求较高的前端开发场景。

前端 Base64 文件上传的原理与实现。Base64 将二进制转为 ASCII,适用于 JSON 传输、跨域及小文件场景。文章提供原生 JavaScript 读取文件并转换为 Base64 的示例,以及 Spring Boot 后端接收、解码并保存文件的完整代码。同时涵盖文件类型验证、大小限制及文件名安全处理等安全性增强措施,对比了与传统 multipart/form-data 方案的优劣,建议仅在小文件场景使用 Base64 方案。
对比了大模型驱动地图的两种方案:前端直连模型与完整 MCP 架构。详细解析了 Host、MCP Server 及浏览器的角色分工,通过 Vue、Cesium、Node.js 和 WebSocket 搭建最小化 Demo,演示了从用户输入到地图动作执行的完整链路。重点阐述了为何完整 MCP 更适合扩展与复用,并提供了新手避坑指南与能力扩展建议。