<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[drawlessonsfrom的博客]]></title><description><![CDATA[]]></description><link>https://blog.csdn.net/drawlessonsfrom</link><language>zh-cn</language><generator>https://blog.csdn.net/</generator><copyright><![CDATA[Copyright &copy; drawlessonsfrom]]></copyright><item><title><![CDATA[Cursor: AI驱动的编程新范式]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/152010462</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/152010462</guid><author>drawlessonsfrom</author><pubDate>Sun, 28 Sep 2025 13:59:38 +0800</pubDate><description><![CDATA[Cursor是一款专门为软件开发设计的、AI优先的代码编辑器。它不仅仅是在传统编辑器上增加一个聊天插件，而是将人工智能深度集成到整个编码工作流的核心中，旨在从根本上改变开发者编写、阅读、理解和修改代码的方式。Cursor是基于VS Code的开源项目构建的，它继承了VS Code丰富的界面、强大的扩展性和出色的性能，同时它移除了对传统插件生态的支持，专注于打造独一无二的AI编程体验。可以将其理解为VS Code的强大基底与一款及其智能的AI助手的深度融合。深度集成AI模型，让AI充当了编译器的核心交互方式。]]></description><category></category></item><item><title><![CDATA[div之间出现间隙的原因与解决方案]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/125609519</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/125609519</guid><author>drawlessonsfrom</author><pubDate>Mon, 04 Jul 2022 22:09:53 +0800</pubDate><description><![CDATA[div之间存在间隙 div之间为什么会存在间隙]]></description><category></category></item><item><title><![CDATA[HTTP响应状态码详解]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/122338425</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/122338425</guid><author>drawlessonsfrom</author><pubDate>Thu, 06 Jan 2022 13:12:31 +0800</pubDate><description><![CDATA[一、响应状态分类

100-199 信息响应
200-299 成功响应
300-399 重定向消息
400-499 客户端错误响应
500-599 服务端错误响应

二、信息响应




状态码
状态信息
含义




100
Continue（继续）
此临时响应指示客户端应继续请求或如果请求已完成则忽略响应


101
Switching Protocols（交换协议）
该代码是为了响应Upgrade来自客户端的请求头而发送的，并指示服务器正在切换到的协议


102
Processing（处理）
此代码]]></description><category></category></item><item><title><![CDATA[Cookie中HttpOnly的使用方式以及用途]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/122078723</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/122078723</guid><author>drawlessonsfrom</author><pubDate>Wed, 22 Dec 2021 10:35:20 +0800</pubDate><description><![CDATA[一、HttpOnly的简介
HttpOnly是Cookie中一个属性，用于防止客户端脚本通过document.cookie属性访问Cookie，有助于保护Cookie不被跨站脚本攻击窃取或篡改。但是，HttpOnly的应用仍存在局限性，一些浏览器可以阻止客户端脚本对Cookie的读操作，但允许写操作；此外大多数浏览器仍允许通过XMLHTTP对象读取HTTP响应中的Set-Cookie头。
二、使用方式

语法

Set-Cookie: &lt;cookie-name&gt;=&lt;cookie-value]]></description><category></category></item><item><title><![CDATA[error ‘test‘ is assigned a value but never used no-unused-vars]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121747462</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121747462</guid><author>drawlessonsfrom</author><pubDate>Mon, 06 Dec 2021 15:14:08 +0800</pubDate><description><![CDATA[1、相关报错信息
error  'test' is assigned a value but never used  no-unused-vars

2、报错原因
使用了eslint-loader进行了相关的语法检查，因为test变量没有被使用过，不符合相关的语法规则，则报错输出。
3、关闭相关语法检查

在相关项目的根目录下新建vue.config.js文件

在vue.config.js文件中进行如下配置

module.exports = {
    // 关闭语法检查
    lintOnSave:]]></description><category></category></item><item><title><![CDATA[vue-cli脚手架中如何查看具体的webpack配置]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121746602</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121746602</guid><author>drawlessonsfrom</author><pubDate>Mon, 06 Dec 2021 14:38:17 +0800</pubDate><description><![CDATA[在Vue脚手架中隐藏了所有的webpack相关配置，如果想要查看具体的webpack配置，可以使用如下命令行：
vue inspect &gt; output.js

详细请参照：https://cli.vuejs.org/zh/guide/webpack.html#%E5%AE%A1%E6%9F%A5%E9%A1%B9%E7%9B%AE%E7%9A%84-webpack-%E9%85%8D%E7%BD%AE

...]]></description><category></category></item><item><title><![CDATA[如何将google浏览器设置为不支持JavaScript]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121741341</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121741341</guid><author>drawlessonsfrom</author><pubDate>Mon, 06 Dec 2021 10:25:31 +0800</pubDate><description><![CDATA[操作步骤





]]></description><category></category></item><item><title><![CDATA[vscode中如何快速生成用户代码片段]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121653190</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121653190</guid><author>drawlessonsfrom</author><pubDate>Wed, 01 Dec 2021 13:36:57 +0800</pubDate><description><![CDATA[一、使用理由

在相关的项目开发中，我们会发现很多页面中都需要用到相同的代码，如果我们都是手动去敲写重复的代码，会显得异常麻烦，同时会浪费掉很多的时间。此时我们就可以使用vscode中的用户代码片段来通过自定义的简写方式来生成重复的代码片段，这样可以帮助我们解决很多的时间。

二、使用方式
1、选中管理中的用户代码片段

2、新建相关的代码片段，在所新建的代码片段中可以选择自己相对而言比较适合的范围

3、输入相关的名字后进行相关代码的编辑

4、最终实现效果

回车后直接生成如下内容

三、用户代码片段编]]></description><category></category></item><item><title><![CDATA[package.json和package-lock.json介绍]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121616793</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121616793</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 19:17:42 +0800</pubDate><description><![CDATA[一、package.json
1、简介

package.json称之为包描述文件或者包说明文件，在项目中一般会创建package.json文件。

2、如何生成package.json文件
进入到相关项目目录的命令行终端，然后在终端输入：
npm init

然后进行相关的配置即可。
如果想要快速生成package.json文件，可以在进入到相关的项目目录的命令行终端后输入：
npm init -y

3、用途
描述相关的项目的项目名称，项目作者，所依赖的第三方包。
在项目中，最有用的是那个depende]]></description><category></category></item><item><title><![CDATA[Vscode调试node.js]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121612235</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121612235</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 16:12:59 +0800</pubDate><description><![CDATA[1、选中运行并调试按钮，然后创建launch.json文件，在该文件中配置关于node的信息。

2、选择Node.js环境

3、进入到launch.json文件中，然后按需进行配置

4、配置完成后在相关的项目中生成如下文件

5、启动调试

6、具体使用

相关过程的具体显示：


...]]></description><category></category></item><item><title><![CDATA[node.js内置调试器]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121610279</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121610279</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 15:04:42 +0800</pubDate><description><![CDATA[一、启动node.js内置调试器
node inspect 文件名

二、继续执行代码
s

三、查看当前变量值
1、查看单个变量值
exec 变量名

2、查看多个变量值
exec [变量1, 变量2]

四、打断点
sb()

五、直接绕回到断点
c

六、退出node.js内置调试器
连续两次按住ctrl+c即可。

...]]></description><category></category></item><item><title><![CDATA[使用npm管理漏洞]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121609433</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121609433</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 14:37:20 +0800</pubDate><description><![CDATA[1、获取到漏洞的种类信息
npm audit

2、尝试通过更新允许范围内的包解决问题
npm audit fix

3、尝试通过更新不在允许范围内的包解决问题
npm audit fix --force


]]></description><category></category></item><item><title><![CDATA[使用npm更新依赖项]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121608795</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121608795</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 14:26:46 +0800</pubDate><description><![CDATA[一、查看是否有过期包
npm outdated

二、更新方式
1、所罗列的过期包显示为黄色，可以输入如下命令进行更新。
npm install 包名@latest

2、如果所罗列的过期包为红色，可以输入如下命令进行更新。
npm update

红色标识其相关的包可以随意进行更新操作。
三、判断版本可进行更新的方式
*表示更新范围限制在大号之间。
"express": "*4.17.1"

^表示更新范围限制在中号和小号之间。
"express": "^4.17.1"

~表示更新范围限制在小号之间。
]]></description><category></category></item><item><title><![CDATA[visual studio code中模拟浏览器端向服务端发起请求]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121606792</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121606792</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 12:27:42 +0800</pubDate><description><![CDATA[一、需要使用的插件

二、使用方式
1、创建.http文件
2、在所创建的.http文件中输入如下内容

相关具体的使用方式可参见：https://marketplace.visualstudio.com/items?itemName=humao.rest-client

]]></description><category></category></item><item><title><![CDATA[nvm的安装和使用]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121604112</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121604112</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 10:52:39 +0800</pubDate><description><![CDATA[一、简介

nvm（node.js version management）是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具。

二、用途

安装和切换不同版本的node.js，解决node.js各种版本存在不兼容现象

三、安装
安装地址：https://github.com/coreybutler/nvm-windows
下载如下文件：

解压后双击里面的.exe文件进行执行即可。
注意：安装的路径最好不要出现中文和空格。
在命令行终端输入如下内容验证nvm是否安装成功：
nvm]]></description><category></category></item><item><title><![CDATA[快速启动和连接mongoDB数据库]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121602579</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121602579</guid><author>drawlessonsfrom</author><pubDate>Mon, 29 Nov 2021 09:35:39 +0800</pubDate><description><![CDATA[1、连接mongoDB数据库
打开命令行终端，进入到含有data文件夹的目录中，同时在data目录中也应该包含有db文件夹。
mongoDB默认使用mongod命令所处盘符目录下的 /data/db作为自己的数据库存储目录。
所以在第一次执行该该命令之前，先自己手动新建一个 /data/db。
在命令行终端输入如下内容：
mongod

此时就成功的启动了mongoDB数据库。
2、连接mongoDB数据库
打开命令行终端，然后在命令行终端输入如下内容：
mongo

此时就能正确的连接mongoDB数据库]]></description><category></category></item><item><title><![CDATA[windows系统中如何新建桌面]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121458417</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121458417</guid><author>drawlessonsfrom</author><pubDate>Sun, 21 Nov 2021 19:26:34 +0800</pubDate><description><![CDATA[1. 操作步骤

按住window + tab 键
在其上方进行新建桌面即可

2. 新建桌面的好处

将一个桌面的应用放置到另一个桌面中，可以防止不小心关闭到相关的应用。
操作界面更加简介，操作更加方便。


...]]></description><category></category></item><item><title><![CDATA[json-server的简单使用]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121438457</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121438457</guid><author>drawlessonsfrom</author><pubDate>Sat, 20 Nov 2021 14:00:49 +0800</pubDate><description><![CDATA[1. json-server 的使用场景
在后端的相关的数据还没有准备好时，前端会不可避免的会使用 mock 数据。很多时候，我们并不想使用简单的静态数据，而是希望自己能够开启一个本地的 mock-server 开完全模拟请求以及请求回来的过程，这个使用我们可以使用 json-server 来实现。
2. json-server 的安装
npn install json-server -g

3. 开启 json-server，并监听 db.json文件
json-server --watch db.jso]]></description><category></category></item><item><title><![CDATA[http-server的简单使用]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121431540</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121431540</guid><author>drawlessonsfrom</author><pubDate>Sat, 20 Nov 2021 13:40:45 +0800</pubDate><description><![CDATA[1. http-server 简介

http-server 是前端常使用的 http 服务器，非常实用。可以用做模拟数据，可以做静态资源服务器，也可以做调试、测试的前端服务器，可以不再依赖后端，同时也可以做代理转发等功能，解决平时开发的大部分后端需求。


http-server 是基于 node.js 的 http 服务器，它最大的好处就是可以使任意一个目录称为服务器的目录，完全抛开后台的沉重工程，直接运行想要的 js 代码。

2. http-server 使用场景

在前端比较小型的项目中，若想要运]]></description><category></category></item><item><title><![CDATA[ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server；]]></title><link>https://blog.csdn.net/drawlessonsfrom/article/details/121425158</link><guid>https://blog.csdn.net/drawlessonsfrom/article/details/121425158</guid><author>drawlessonsfrom</author><pubDate>Fri, 19 Nov 2021 16:18:25 +0800</pubDate><description><![CDATA[1. 使用 Node.js 连接 MySQL 时发生如下报错信息：
Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; 

2. 问题产生原因
登录数据库的客户端与 mysql 8.0 不兼容，mysql 8.0 密码认证采用了新的密码格式。
即最新的 mysql 模块并未完全支持 Mysql 8 的 “caching_sha2_password” 加密]]></description><category></category></item></channel></rss>