drawlessonsfrom的博客

div之间存在间隙 div之间为什么会存在间隙

一、响应状态分类100-199 信息响应200-299 成功响应300-399 重定向消息400-499 客户端错误响应500-599 服务端错误响应二、信息响应状态码状态信息含义100Continue（继续）此临时响应指示客户端应继续请求或如果请求已完成则忽略响应101Switching Protocols（交换协议）该代码是为了响应Upgrade来自客户端的请求头而发送的，并指示服务器正在切换到的协议102Processing（处理）此代码

一、HttpOnly的简介HttpOnly是Cookie中一个属性，用于防止客户端脚本通过document.cookie属性访问Cookie，有助于保护Cookie不被跨站脚本攻击窃取或篡改。但是，HttpOnly的应用仍存在局限性，一些浏览器可以阻止客户端脚本对Cookie的读操作，但允许写操作；此外大多数浏览器仍允许通过XMLHTTP对象读取HTTP响应中的Set-Cookie头。二、使用方式语法Set-Cookie: <cookie-name>=<cookie-value

1、相关报错信息error 'test' is assigned a value but never used no-unused-vars2、报错原因使用了eslint-loader进行了相关的语法检查，因为test变量没有被使用过，不符合相关的语法规则，则报错输出。3、关闭相关语法检查在相关项目的根目录下新建vue.config.js文件在vue.config.js文件中进行如下配置module.exports = { // 关闭语法检查 lintOnSave:

在Vue脚手架中隐藏了所有的webpack相关配置，如果想要查看具体的webpack配置，可以使用如下命令行：vue inspect > 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...

操作步骤

一、使用理由在相关的项目开发中，我们会发现很多页面中都需要用到相同的代码，如果我们都是手动去敲写重复的代码，会显得异常麻烦，同时会浪费掉很多的时间。此时我们就可以使用vscode中的用户代码片段来通过自定义的简写方式来生成重复的代码片段，这样可以帮助我们解决很多的时间。二、使用方式1、选中管理中的用户代码片段2、新建相关的代码片段，在所新建的代码片段中可以选择自己相对而言比较适合的范围3、输入相关的名字后进行相关代码的编辑4、最终实现效果回车后直接生成如下内容三、用户代码片段编

一、package.json1、简介package.json称之为包描述文件或者包说明文件，在项目中一般会创建package.json文件。2、如何生成package.json文件进入到相关项目目录的命令行终端，然后在终端输入：npm init然后进行相关的配置即可。如果想要快速生成package.json文件，可以在进入到相关的项目目录的命令行终端后输入：npm init -y3、用途描述相关的项目的项目名称，项目作者，所依赖的第三方包。在项目中，最有用的是那个depende

1、选中运行并调试按钮，然后创建launch.json文件，在该文件中配置关于node的信息。2、选择Node.js环境3、进入到launch.json文件中，然后按需进行配置4、配置完成后在相关的项目中生成如下文件5、启动调试6、具体使用相关过程的具体显示：...

一、启动node.js内置调试器node inspect 文件名二、继续执行代码s三、查看当前变量值1、查看单个变量值exec 变量名2、查看多个变量值exec [变量1, 变量2]四、打断点sb()五、直接绕回到断点c六、退出node.js内置调试器连续两次按住ctrl+c即可。...

1、获取到漏洞的种类信息npm audit2、尝试通过更新允许范围内的包解决问题npm audit fix3、尝试通过更新不在允许范围内的包解决问题npm audit fix --force

一、查看是否有过期包npm outdated二、更新方式1、所罗列的过期包显示为黄色，可以输入如下命令进行更新。npm install 包名@latest2、如果所罗列的过期包为红色，可以输入如下命令进行更新。npm update红色标识其相关的包可以随意进行更新操作。三、判断版本可进行更新的方式*表示更新范围限制在大号之间。"express": "*4.17.1"^表示更新范围限制在中号和小号之间。"express": "^4.17.1"~表示更新范围限制在小号之间。

一、需要使用的插件二、使用方式1、创建.http文件2、在所创建的.http文件中输入如下内容相关具体的使用方式可参见：https://marketplace.visualstudio.com/items?itemName=humao.rest-client

一、简介nvm（node.js version management）是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具。二、用途安装和切换不同版本的node.js，解决node.js各种版本存在不兼容现象三、安装安装地址：https://github.com/coreybutler/nvm-windows下载如下文件：解压后双击里面的.exe文件进行执行即可。注意：安装的路径最好不要出现中文和空格。在命令行终端输入如下内容验证nvm是否安装成功：nvm

1、连接mongoDB数据库打开命令行终端，进入到含有data文件夹的目录中，同时在data目录中也应该包含有db文件夹。mongoDB默认使用mongod命令所处盘符目录下的 /data/db作为自己的数据库存储目录。所以在第一次执行该该命令之前，先自己手动新建一个 /data/db。在命令行终端输入如下内容：mongod此时就成功的启动了mongoDB数据库。2、连接mongoDB数据库打开命令行终端，然后在命令行终端输入如下内容：mongo此时就能正确的连接mongoDB数据库

1. 操作步骤按住window + tab 键在其上方进行新建桌面即可2. 新建桌面的好处将一个桌面的应用放置到另一个桌面中，可以防止不小心关闭到相关的应用。操作界面更加简介，操作更加方便。...

1. json-server 的使用场景在后端的相关的数据还没有准备好时，前端会不可避免的会使用 mock 数据。很多时候，我们并不想使用简单的静态数据，而是希望自己能够开启一个本地的 mock-server 开完全模拟请求以及请求回来的过程，这个使用我们可以使用 json-server 来实现。2. json-server 的安装npn install json-server -g3. 开启 json-server，并监听 db.json文件json-server --watch db.jso

1. http-server 简介http-server 是前端常使用的 http 服务器，非常实用。可以用做模拟数据，可以做静态资源服务器，也可以做调试、测试的前端服务器，可以不再依赖后端，同时也可以做代理转发等功能，解决平时开发的大部分后端需求。http-server 是基于 node.js 的 http 服务器，它最大的好处就是可以使任意一个目录称为服务器的目录，完全抛开后台的沉重工程，直接运行想要的 js 代码。2. http-server 使用场景在前端比较小型的项目中，若想要运

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” 加密

具体文章可参见：https://www.cnblogs.com/luodengxiong/p/14246598.html