- 博客(165)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 HTTP响应状态码详解
一、响应状态分类100-199 信息响应200-299 成功响应300-399 重定向消息400-499 客户端错误响应500-599 服务端错误响应二、信息响应状态码状态信息含义100Continue（继续）此临时响应指示客户端应继续请求或如果请求已完成则忽略响应101Switching Protocols（交换协议）该代码是为了响应Upgrade来自客户端的请求头而发送的，并指示服务器正在切换到的协议102Processing（处理）此代码
2022-01-06 13:12:31
2010
1
原创 Cookie中HttpOnly的使用方式以及用途
一、HttpOnly的简介HttpOnly是Cookie中一个属性，用于防止客户端脚本通过document.cookie属性访问Cookie，有助于保护Cookie不被跨站脚本攻击窃取或篡改。但是，HttpOnly的应用仍存在局限性，一些浏览器可以阻止客户端脚本对Cookie的读操作，但允许写操作；此外大多数浏览器仍允许通过XMLHTTP对象读取HTTP响应中的Set-Cookie头。二、使用方式语法Set-Cookie: <cookie-name>=<cookie-value
2021-12-22 10:35:20
26311
原创 error ‘test‘ is assigned a value but never used no-unused-vars
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:
2021-12-06 15:14:08
1177
原创 vue-cli脚手架中如何查看具体的webpack配置
在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...
2021-12-06 14:38:17
1959
原创 vscode中如何快速生成用户代码片段
一、使用理由在相关的项目开发中，我们会发现很多页面中都需要用到相同的代码，如果我们都是手动去敲写重复的代码，会显得异常麻烦，同时会浪费掉很多的时间。此时我们就可以使用vscode中的用户代码片段来通过自定义的简写方式来生成重复的代码片段，这样可以帮助我们解决很多的时间。二、使用方式1、选中管理中的用户代码片段2、新建相关的代码片段，在所新建的代码片段中可以选择自己相对而言比较适合的范围3、输入相关的名字后进行相关代码的编辑4、最终实现效果回车后直接生成如下内容三、用户代码片段编
2021-12-01 13:36:57
839
原创 package.json和package-lock.json介绍
一、package.json1、简介package.json称之为包描述文件或者包说明文件，在项目中一般会创建package.json文件。2、如何生成package.json文件进入到相关项目目录的命令行终端，然后在终端输入：npm init然后进行相关的配置即可。如果想要快速生成package.json文件，可以在进入到相关的项目目录的命令行终端后输入：npm init -y3、用途描述相关的项目的项目名称，项目作者，所依赖的第三方包。在项目中，最有用的是那个depende
2021-11-29 19:17:42
6915
原创 Vscode调试node.js
1、选中运行并调试按钮，然后创建launch.json文件，在该文件中配置关于node的信息。2、选择Node.js环境3、进入到launch.json文件中，然后按需进行配置4、配置完成后在相关的项目中生成如下文件5、启动调试6、具体使用相关过程的具体显示：...
2021-11-29 16:12:59
307
原创 node.js内置调试器
一、启动node.js内置调试器node inspect 文件名二、继续执行代码s三、查看当前变量值1、查看单个变量值exec 变量名2、查看多个变量值exec [变量1, 变量2]四、打断点sb()五、直接绕回到断点c六、退出node.js内置调试器连续两次按住ctrl+c即可。...
2021-11-29 15:04:42
209
原创 使用npm管理漏洞
1、获取到漏洞的种类信息npm audit2、尝试通过更新允许范围内的包解决问题npm audit fix3、尝试通过更新不在允许范围内的包解决问题npm audit fix --force
2021-11-29 14:37:20
524
原创 使用npm更新依赖项
一、查看是否有过期包npm outdated二、更新方式1、所罗列的过期包显示为黄色，可以输入如下命令进行更新。npm install 包名@latest2、如果所罗列的过期包为红色，可以输入如下命令进行更新。npm update红色标识其相关的包可以随意进行更新操作。三、判断版本可进行更新的方式*表示更新范围限制在大号之间。"express": "*4.17.1"^表示更新范围限制在中号和小号之间。"express": "^4.17.1"~表示更新范围限制在小号之间。
2021-11-29 14:26:46
1452
原创 visual studio code中模拟浏览器端向服务端发起请求
一、需要使用的插件二、使用方式1、创建.http文件2、在所创建的.http文件中输入如下内容相关具体的使用方式可参见：https://marketplace.visualstudio.com/items?itemName=humao.rest-client
2021-11-29 12:27:42
500
原创 nvm的安装和使用
一、简介nvm（node.js version management）是一个nodejs的版本管理工具。nvm和n都是node.js版本管理工具。二、用途安装和切换不同版本的node.js，解决node.js各种版本存在不兼容现象三、安装安装地址：https://github.com/coreybutler/nvm-windows下载如下文件：解压后双击里面的.exe文件进行执行即可。注意：安装的路径最好不要出现中文和空格。在命令行终端输入如下内容验证nvm是否安装成功：nvm
2021-11-29 10:52:39
1328
原创 快速启动和连接mongoDB数据库
1、连接mongoDB数据库打开命令行终端，进入到含有data文件夹的目录中，同时在data目录中也应该包含有db文件夹。mongoDB默认使用mongod命令所处盘符目录下的 /data/db作为自己的数据库存储目录。所以在第一次执行该该命令之前，先自己手动新建一个 /data/db。在命令行终端输入如下内容：mongod此时就成功的启动了mongoDB数据库。2、连接mongoDB数据库打开命令行终端，然后在命令行终端输入如下内容：mongo此时就能正确的连接mongoDB数据库
2021-11-29 09:35:39
1986
原创 windows系统中如何新建桌面
1. 操作步骤按住window + tab 键在其上方进行新建桌面即可2. 新建桌面的好处将一个桌面的应用放置到另一个桌面中，可以防止不小心关闭到相关的应用。操作界面更加简介，操作更加方便。...
2021-11-21 19:26:34
6158
原创 json-server的简单使用
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
2021-11-20 14:00:49
789
原创 http-server的简单使用
1. http-server 简介http-server 是前端常使用的 http 服务器，非常实用。可以用做模拟数据，可以做静态资源服务器，也可以做调试、测试的前端服务器，可以不再依赖后端，同时也可以做代理转发等功能，解决平时开发的大部分后端需求。http-server 是基于 node.js 的 http 服务器，它最大的好处就是可以使任意一个目录称为服务器的目录，完全抛开后台的沉重工程，直接运行想要的 js 代码。2. http-server 使用场景在前端比较小型的项目中，若想要运
2021-11-20 13:40:45
6983
1
原创 ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by 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” 加密
2021-11-19 16:18:25
1270
原创 navicat 连接 mysql 数据库时忘记密码
具体文章可参见：https://www.cnblogs.com/luodengxiong/p/14246598.html
2021-11-19 15:29:17
714
原创 自定义Typora软件的主题颜色
1、选中文件中的偏好设置2、打开相关的主题文件夹3、新建相关主题样式文件，然后修改相关样式注意：当要修改相关的主题样式时，不应该在其原先的css文件基础上进行相关的修改，因为当Typora软件进行更新后，其会覆盖以前所修改的样式。这个时候就需要新建相关的样式文件，然后其相关的样式会覆盖其前面css文件中的样式。...
2021-11-17 16:07:36
529
原创 JS 回调函数的使用
回调函数使用用途获取异步操作的结果相关的具体使用如下所示：function fn() { var data = 'hi'; setTimeout(function() { data = 'hello'; }, 500) return data;}console.log(fn()); 相关的输出结果为： hi那么我们应该如何获取到相关setTimeout()函数中所修改的data值呢？因为setTimeout()是异步的，其会在相关fn()函数执行完毕后才进行执行，此时所得到
2021-11-16 22:40:24
536
原创 客户端渲染和服务端渲染
客户端渲染当此渲染为客户端渲染时，在客户端所进行的操作步骤如下所示：收到服务端响应的字符串。从上到下依次进行相关的解析，在解析的过程中，如果发现ajax请求，则再次发起新的请求。拿到ajax响应的结果。使用模板引擎进行渲染。在客户端渲染中，其至少会发起两次请求。第一次请求拿到相关的页面。第二次请求拿到相关的动态数据。优点：页面显示速度比较快。缺点：内容的显示速度偏慢。服务端渲染在服务端读取相关所需渲染的页面文件，然后使用模板引擎渲染，在发送给客户端之前，服务端就已经将相关
2021-11-14 20:11:51
1335
原创 js采用无分号代码风格容易引发的问题
当一行代码不在第一行，同时改行代码是以：( 、[ 、` 开头的时候，需要在改行代码的前面补上：; 或者 ! 或者~等，这样可以避免一些语法戒心错误。例如：console.log('test')(function () { console.log('hello')})()其输出的结果为：testVM257:3 Uncaught TypeError: console.log(...) is not a function at <anonymous>:3:1 (anonymous
2021-11-14 19:44:40
916
原创 状态码302
状态码302概念解释：状态码302是资源临时重定向相关的应用：当浏览器发现这个状态码为302时，则就会到 Response Header 中去找Location，找到这个地址后，重新对这个相关的地址发请求。
2021-11-11 16:58:47
6713
原创 有关于array.sort()的困惑
相关原因let arr = [1, 2, 3];arr.sort((a, b) => { console.log(a, b);})// 会发现其进行打印的为2 1；3 2当我们开始学习的过程中，了解到其应该打印的为1 2; 2 3。但是事实并非如此。同时了解在相关的array.sort(sortfunction)的方法的返回值时，如果返回值大于0，则会进行相关位置的交换；当返回值为小于等于0时则不进行相关位置的交换。通过相关的代码实践，发现事实却是相反的，除了等于0还是不会交换外。相关
2021-10-01 01:00:48
125
原创 Elementui蓝色阴影边框相关问题的解决方案
点击Tabs标签页出现蓝色阴影边框解决方案.el-tabs__item:focus.is-active.is-focus:not(:active) { -webkit-box-shadow: none !important; box-shadow: none !important;}点击el-button-radio出现蓝色阴影边框解决方案.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) { -webki
2021-09-08 10:20:33
1309
4
原创 使用promise简单封装ajax请求
关键代码相关封装代码// 使用Promise封装ajax请求getStreetsPromise(obj) { // 相关所传的参数 let data = obj.data // 请求的接口 let url = obj.url // 不传默认发送get请求 let methed = obj.methed || 'get' // 默认以表单形式进行发送 let headers = obj.headers || 'formdata' /
2021-08-31 16:36:04
290
原创 json导出excel
关键代码 /* json导出 @Parameter JSONData:json数组 @Parameter FileName：导出文件名（不要后缀） @Parameter title：表头（数组，如['姓名', '年龄', '联系方式', '详细地址']） @Parameter filter */ function jsonExcel(JSONData, FileName, title, filter) { if (!JSONData) return; //转化json为o
2021-08-31 16:29:01
592
原创 el-table中如何将汇总数据放于第一行，同时自定义相关的合并数据值，并且固定第一行
具体效果演示关键代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>点击相关按钮出现相关的div，div出现后点击除div外的其它地方隐藏相关的div</titl
2021-08-25 16:36:13
1971
原创 el-upload文件导入前弹窗确认；导入文件过程中全局进行加载；向后端导入excel；
关键代码<el-upload action="string" :http-request="uploadFile" :limit="1" :show-file-list="false" accept=".xls, .xlsx"> <el-button type="success" size="mini">导入</el-button></el-upload>
2021-08-25 11:44:15
1046
4
原创 el-table 点击某一行时勾选改行的多选框
关键代码<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.15.5/lib/index.js"></script><div id="app"><template> <el-table ref="multipleTable" :data="tableData" toolt
2021-08-24 11:44:05
812
原创 el-table 如何动态的修改某一单元格中字体颜色
关键代码 <el-table-column header-align="center" align="center" v-for="item in notFixedData" :key="item.prop" v-if="item.isTrue" :prop="item.prop" :label="item.title" :min-width="item.width"> <template slot-scope="scope"> &
2021-08-24 11:35:22
1546
原创 el-talbe 使用row-style动态修改表格行颜色
关键代码<template> <el-table stripe :data="tableData" style="width: 100%" :row-style="tableRowClassName"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-
2021-08-24 11:02:06
8463
原创 前端自定义模糊搜索
关键代码//搜索框一输入就进行相关的匹配搜索searchDepartment() { //当搜索框中存在值 if(this.department) { this.departments = this.departmentsCopy.filter(item => { if(!!~item.organizenm.indexOf(this.department) || !!~item.organizenm.toUpperCase().indexOf
2021-08-10 11:04:42
202
原创 文件下载的方式
一、使用a标签，在elementui中具体使用el-link进行文件的下载二、进行文件的预览及下载操作在此处不能定义相关的download信息<el-link :href="fileUrl" target="_blank"></el-link>注：fileUrl为后端所定义的相关接口信息+前端进行文件上传时后端所返回的具体文件上传时所保存的地址。不进行相关的文件预览操作：<el-link :href="fileUrl" :download="fileName" t
2021-08-06 17:07:21
1999
原创 el-upload具体使用
具体代码<el-upload :on-exceed="handleExceed" :action=baseUrl :on-success="(response, file, fileList) => {return handleSuccess(response, file, fileList, 'file')}" :on-change="(file, fileList) => {return handleChange(file, fileList, 'file')}"
2021-08-06 16:58:19
394
原创 el-table动态列的显示与隐藏
一、具体实现效果通过相关的多选框来控制是否显示或隐藏相关的列。二、具体实现代码1、相关多选框具体代码<el-popover placement="bottom" width="180" trigger="click"> <el-checkbox-group v-model="checkBoxSelected" @change="handleCheckedColChange"> <el-checkbo
2021-08-06 16:43:36
2182
2
原创 el-checkbox-group中如何使用相关的键进行相关多选框的选择
具体代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"> <title>el-checkbox的使用</title> <!--引入 element-ui 的样式，
2021-08-06 16:25:34
364
apache-tomcat-9.0.33.exe
2018-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人