一篇了解Copilot pro使用的笔记

一篇了解Copilot pro使用的笔记

当前AI 程序员已经默许了,除了使用国内外的那些头部Chat。Agent 模态已经肆意发展,因为随着AI的加成,大家都越来越主动或被动“效率起飞”。下面聊一下Copilot Pro的使用吧。
使用这个也就几个月吧,不谈购买心酸史,已经直接官网10刀了。这次也算开始心疼了,先研究一下这到底怎么用才不暴殄天物也不小才大用吧。哈哈,为了那该死的性价比~
1.关于copilot pro(个人账号)可供使用的头端模型界面
(手机没拍好)

在这里插入图片描述

看起来可用的后端模型挺多的,各家各路,选啥自己整。但却不是按照时间来计算,明显的“流量”限制,就是官网说的访问配额。
x = 相对消耗倍率(Cost / Compute Weight Multiplier),它不是速度,也不是性能评分,而是:
“使用该模型一次,相当于基础模型消耗的多少倍额度”。

还有:

在这里插入图片描述

(1)先说每个模型后面的那个数字0X

在这里插入图片描述


0x 不是 免费无限用
而是 不单独计入 Copilot Agent 配额权重,通常表示:这些模型:用于 基础补全或被 GitHub 平台级吸收成本,不会明显影响你 Copilot Agent 的高级调用额度
一开始安装copilot,没开copilot pro就只显示这些,但是当你免费用一段时间(其实是达到了访问次数)这边就不给免费chat输入了,会一直提醒你升到pro 模式。总是那是试用钩子,只能最基础任务,看起来傻傻的

在这里插入图片描述


在这里插入图片描述


在这里插入图片描述

(2)接着模型后面的那个数字不是0X

在这里插入图片描述


这个页面是pro 才能显示得到,而且据说不同的国家和地区显示的还不太一样。这个就是灵活度比较高了,我也不知道我这页面全了没有。
高级总额度有限啊,这可以理解成使用不同的模型耗额度的速度。每个模型都拿着一把到去砍额度,大刀一次砍的多,小刀一次砍的少,数字越大就是更专业的大刀,但是这些数字大的也是有其更加专业的强项适配的,需要高的干活还得高。付费不就是享受专业提高效率嘛。但是如果把专业的大刀用到补全这类基础中,那不是暴殄天物嘛,太不具有性价比了。下面这个表就说X 前面的数字越大那就是大大刀了。

在这里插入图片描述


每天用copilot agent 交流就是需要先选一把刀,然后交流分配任务,模型帮我们做任务的同时,也在砍可以交互的额度。最后高级配额耗完了就只有0X的那些模型可以用了。可见要合理搭配,这样才具有性价比。
1)claude 系列
强语言能力,强推理

在这里插入图片描述


2)Gemini 系列
结构化、工程说明型。

在这里插入图片描述


3)GPT5-通用系
强通用推理

在这里插入图片描述


4)GPT5 code 系
这名字就知道了,为code 而生啊。

在这里插入图片描述


2 AI给使用者的建议
先过自己的脑子,充分理解分析后评估和分解。然后再Agent.

在这里插入图片描述


具体来说使用步骤就是:

3.AI 给我这类研发开发者的直接建议

在这里插入图片描述

好了先这样吧,如果你也有好用的工具请推荐给我哈~

Read more

前端防范 XSS(跨站脚本攻击)

目录 一、防范措施 1.layui util  核心转义的特殊字符 示例 2.js-xss.js库 安装 1. Node.js 环境(npm/yarn) 2. 浏览器环境 核心 API 基础使用 1. 基础过滤(默认规则) 2. 自定义过滤规则 (1)允许特定标签 (2)允许特定属性 (3)自定义标签处理 (4)自定义属性处理 (5)转义特定字符 常见场景示例 1. 过滤用户输入的评论内容 2. 允许特定富文本标签(如富文本编辑器内容) 注意事项 更多配置 XSS(跨站脚本攻击)是一种常见的网络攻击手段,它允许攻击者将恶意脚本注入到其他用户的浏览器中。

详细教程:如何从前端查看调用接口、传参及返回结果(附带图片案例)

详细教程:如何从前端查看调用接口、传参及返回结果(附带图片案例)

目录 1. 打开浏览器开发者工具 2. 使用 Network 面板 3. 查看具体的API请求 a. Headers b. Payload c. Response d. Preview e. Timing 4. 实际操作步骤 5. 常见问题及解决方法 a. 无法看到API请求 b. 请求失败 c. 跨域问题(CORS) 作为一名后端工程师,理解前端如何调用接口、传递参数以及接收返回值是非常重要的。下面将详细介绍如何通过浏览器开发者工具(F12)查看和分析这些信息,并附带图片案例帮助你更好地理解。 1. 打开浏览器开发者工具 按下 F12 或右键点击页面选择“检查”可以打开浏览器的开发者工具。常用的浏览器如Chrome、Firefox等都内置了开发者工具。下面是我选择我的一篇文章,打开开发者工具进行演示。 2. 使用

Cursor+Codex隐藏技巧:用截图秒修前端Bug的保姆级教程(React/Chakra UI案例)

Cursor+Codex隐藏技巧:用截图秒修前端Bug的保姆级教程(React/Chakra UI案例) 前端开发中最令人头疼的莫过于那些难以定位的UI问题——元素错位、样式冲突、响应式失效...传统调试方式往往需要反复修改代码、刷新页面、检查元素。现在,通过Cursor编辑器集成的Codex功能,你可以直接用截图交互快速定位和修复这些问题。本文将带你从零开始,掌握这套革命性的调试工作流。 1. 环境准备与基础配置 在开始之前,确保你已经具备以下环境: * Cursor编辑器最新版(v2.5+) * Node.js 18.x及以上版本 * React 18项目(本文以Chakra UI 2.x为例) 首先在Cursor中安装Codex插件: 1. 点击左侧扩展图标 2. 搜索"Codex"并安装 3. 登录你的OpenAI账户(需要ChatGPT Plus订阅) 关键配置项: // 在项目根目录创建.