摘要：本文深度解析了Cursor AI编程助手的Prompt提示词设计，重点拆解了其Agent模式下的系统提示词结构。提示词分为角色定义和行为规则两大部分：角色定义明确AI作为GPT-5驱动的结对编程助手；行为规则通过17个模块（如沟通规范、工具调用、代码风格等）精细控制AI行为。文章总结了高质量Prompt的设计原则：明确角色目标、流程化指导、善用注释示例、重复核心指令。这些设计使得Cursor

腾讯推出QClaw简化版OpenClaw，无需配置环境即可体验AI助手功能。用户只需下载安装包、绑定微信，即可通过"QClawBot"使用AI完成文件整理、定时推送等任务。QClaw内置多模型切换功能，并提供可视化像素工作室，将OpenClaw从技术门槛高的工具转变为大众可用的效率助手。该工具通过微信入口实现便捷操作，让普通用户也能轻松享受AI带来的便利。

本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。

使用自定义指令v-drag实现鼠标拖拽功能。鼠标按下时获取获取鼠标在元素上的位置，每次移动时不断计算和设置元素左上顶点坐标位置，并且在鼠标松开时要禁用掉down的监听事件，否则会一直执行。知道了鼠标的相对位置，后续的鼠标移动，只要知道移动后的鼠标坐标，就能很容易的把当前位置元素的左上顶点坐标算出来。在组件中使用directives注册一个自定义拖拽指令v-drag，在想要拖动的元素上使用“v-dr

大家好，我是南木元元，热衷分享有趣实用的文章。HTML的元素为JavaScript提供了动态创建图形的API。第一种是Canvas，一般只能做2d操作，用canvas.getContext(“2d”)来建立一个CanvasRenderingContext2D二维渲染上下文。第二种是WebGL，通过canvas.getContext(‘webgl’)就能获取WebGL的3d上下文，进行3D的渲染。这

js中的事件冒泡与事件捕获。当点击黑色容器时，开始进行事件捕获，Js事件流从window上往事件触发处传播，遇到注册的捕获事件就会触发；但是捕获阶段默认是不处理的（addEventListener第三个参数默认是false）,紧接着传播到事件触发处，触发注册的事件，打印div3，然后进行冒泡阶段从事件触发处 往window上传播，遇到注册的冒泡事件会触发，打印div2，再打印div1。就是因为点击

vue实现文件下载。最近项目遇到一个需求，每次都需要根据检索条件将后端请求到的数据在前端进行表格的动态生成展示，并能够点击按钮，实现文件的下载功能，导出为Excel表格。文件下载功能通过向后端发送特定的请求参数来获取相应文件，使用ResponseType Blob来实现文件下载。创建一个a标签，并设置其href属性为一个包含Blob对象的URL，然后模拟用户点击该链接的行为，就可以触发文件下载功能

Canvas的基本介绍与使用，图解+案例带你快速上手Canvas

防抖和节流是前端开发中常用的两种性能优化技术。为什么需要防抖和节流呢？两者目的都是为了防止某个时间段内操作频繁触发，造成性能消耗。防抖：在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。节流： n 秒内只执行一次事件，即使n 秒内事件重复触发，也只有一次生效。

CesiumJS是目前主流的一款三维地图框架，是一个跨平台、跨浏览器的展示三维地球和地图的JavaScript库，通过WebGL技术实现图形的硬件加速，不需要任何插件支持。Webpack是目前最流行的前端构建工具，可以让开发更加高效。本文就来分享一下如何使用webpack搭建Cesium三维地球环境。