- 博客(103)
- 收藏
- 关注
RSS订阅
原创 el-cascader 级联选择器 省市区动态获取
3.我的项目中获取省市区县接口有两个参数：第一个参数是type类型：省PROVINCE，市CITY，区县COUNTY，第二个参数为省市区编码，可针对自己项目接口实际情况进行调整。1.通过lazy开启动态加载，通过lazyload来设置加载数据源的方法，对节点数据添加是否为叶子节点的标志leaf，如果后台数据没有该标志，可自己手动循环添加）根据获取省市区码的接口拿到当前的省市区编码，再将编码传到获取该地区数据的接口，拿到返回值传回父组件。
2024-04-08 23:33:39
237
原创 el-cascader的懒加载模式怎么设置默认值
点击修改会跳出一个dialog，dialog需要显示信息，其中地址使用el-cascader标签并使用懒加载实现，地址数据都是从后台获取，如果直接使用v-model绑定默认值，会不显示。
2024-04-08 23:26:04
429
原创 项目运行端口号和代理服务器端口号一致却不冲突的原因
一个端口只能运行一个程序狭义理解起来没错，如果你不弄代理，这个端口就被你的Vue/React占用直接本地返回给你静态网页，如果你用了代理服务器，他就会在这个请求基础上跑一个本地服务器，发起代理跨域请求然后把响应传回来。启动一个服务监听一个端口，这个服务既提供静态文件（react/vue代码）给浏览器，也提供接口代理（代理服务器）。
2024-03-21 19:32:25
125
原创 vue构建版本
当使用Webpack的vue-loader时，*.vue 文件中的模板会在构建时预编译为JavaScript，在最终的捆绑包中并不需要编译器，因此可以只使用运行时构建版本。vue.common.js 是 Vue.js 的一个构建版本，它主要用于在 CommonJS 环境中使用，可以在 Node.js环境中使用 Vue.js 来构建服务端渲染的应用程序，或者在使用一些构建工具如 Browserify 的情况下，在浏览器中使用CommonJS 模块加载 Vue.js。完整版：同时包含编译器和运行时的版本。
2024-02-29 18:53:45
466
原创 npm安装命令
将包安装到 node_modules 目录，npm install 初始化时会自动下载模块，运行 npm install --production 或者 NODE_ENV 变量值为 production 时，不会下载模块到 node_modules 目录中，会将依赖写入 package.json 文件 的 devDependencies 节点。全局安装，不会在 node_modules 目录中保存，npm install 初始化时不会自动下载模块，不会修改 package.json 文件。
2024-02-06 14:03:00
841
原创 el-form验证问题
el-form 的 model 是 formData，那么 el-form-item 中所有需要校验的表单的 的 model 也必须是 formData.xxx ，即 formData 对象的直接属性。需要注意的是，如果要用 rules 进行表单校验，那么 el-input 绑定的元素必须是 el-form 的 model 的直接属性，否则会导致校验失败。el-form 提供了表单校验功能， :rules 属性设置校验规则，并通过 el-form-item 的 prop 属性绑定校验规则。
2024-01-13 23:21:05
635
原创 refs传值
异步任务可以直接实现，父组件通过ref修改子组件的formdata1，因为异步任务返回结果后，会对formdata1进行数据更新，所以组件重新渲染且显示正常。在子组件中定义好formdata中的属性，并且如何在父组件中更改的不是下面两个属性，则仍然不会触发子组件重新渲染。则会出现属性undefined，因为此时子组件并没有渲染，还没有formdata1属性。当子组件中要改变的变量formdata1是空对象，则在父组件中。进行上面形式的赋值，并不会触发子组件的重新渲染。调用子组件的函数也是采用上面的方法。
2024-01-12 23:50:21
390
原创 props传值问题
tableData要设置为null或者undefined，或者v-if更改条件，在渲染子组件的时候加上一个条件，当有数据的时候在去渲染子组件。在父组件的created中的请求返回数据后，才会执行子组件的created，mounted。最后执行父组件的mounted。按上面的方法会出现versionNumber等属性undefined，这是因为在父组件调用接口传递数据给子组件时，接口响应显然是异步的。在子组件中添加watch监听, 父组件获取到值得时候, 就会触发watch监听, 从而实现重新渲染子组件。
2024-01-12 20:12:05
380
原创 vue父子组件生命周期执行顺序
一般情况下，组件进行切换的时候，默认会进行销毁，如果有需求，某个组件切换后不进行销毁，而是保存之前的状态，那么就可以利用keep-alive来实现。在使用v-router时有时需要使用keep-alive来缓存组件状态，这个时候created钩子就不会被重复调用了，如果我们的子组件需要在每次加载或切换状态的时候进行某些操作，可以使用activated钩子调用。此时 Vue 实例中的数据是最新的了，但是页面中的数据还是旧的，可以在此时进一步更改数据，而不会造成重新渲染。实例仍然完全可以使用。
2024-01-11 23:34:10
383
原创 el-dialog中使用el-form子组件传数据问题
需求：在父组件中点击后显示el-dialog，el-dialog中使用了子组件，并需要向子组件传form数据。
2024-01-11 16:10:18
510
原创 vue修改组件样式
在编译组件的时候，如果当前组件内style标签上有scoped属性，那么会在当前所有标签上添加一个【data-v-hash】属性，而当前样式表内的所有末尾选择器后面也会加上该属性，那么就使得当前组件内的样式只会作用于当前组件内的元素。一个组件需要在很多地方使用，但是其中某个子组件的css需要改变，可以使用deep更改组件中的css，需要加上scoped，来进行隔离，最外层的标签可以直接进行修改。
2024-01-07 15:27:30
432
原创 el-form点击提交后把验证失败的数据传给了后端
问题：版本号需要根据后端返回的结果查看是否可用，在这里1.0.0是不可用的，如果点击其他地方则会报红，可是直接点击提交，则会把1.0.0这个错误的数据也提交给后端。在提交按钮绑定的点击事件中使用validate去查看验证是否正确，正确则进行传输。
2024-01-06 21:30:15
702
原创 el-upload上传文件
需求：选中或拖拽文件后，使用http-request属性实现自动上传，并根据后端传回来的结果显示错误和控制fileList的显示，如果后端返回成功，则文件显示在文件列表处，如果后端返回失败，则文件列表不显示这个文件并提示错误。
2024-01-06 16:43:09
495
原创 axios中return结果
下面配合async和await，创建一个新的Promise对象（由于axios在封装时没有返回一个Promise对象），在success方法中resolve结果。上面的return结果只会返回给success，还不是b方法的返回结果。
2024-01-05 15:43:51
438
原创 util.js
Error first callback：在Node中异步回调有一个约定Error first，也就是说回调函数中的第一个参数一定要是Error对象，其余参数才是正确时的数据。知道了这样的规律以后，工具就很好实现了，在匹配到第一个参数有值的情况下，触发reject，其余情况触发resolve。1、util.js是Node.js提供的一个工具库，主要用于辅助实现JavaScript代码的通用功能。2、除了Node.js中内置的模块外，util.js是Node.js中最核心的模块之一。
2023-12-09 17:38:26
158
原创 js读取txt文件并拆分
这段代码创建了一个FileReader对象，通过监听文件输入框的变化，当用户选择一个文件后，FileReader会读取文件内容并调用onload事件处理函数，在这个事件处理函数中，可以访问到读取的文本数据。在 JavaScript 的 forEach 方法中，使用 return 无法像普通的 for 循环那样跳出循环。可以使用 Node.js 中的 stream，它可以逐块读取大型文件，降低内存占用。这种方法适合处理大型文件。readline 模块可以逐行读取文本文件，适用于大型文件，可以减少内存的占用。
2023-11-24 15:22:44
212
原创 JS按顺序逐个发送 请求
当需要按顺序逐个发送 POST 请求时，可以使用 Axios 库的 Promise 链来实现。在每个 POST 请求成功后，可以触发下一个请求。这里有一个简单的示例：${1${1这段代码中，sendPostRequest 函数使用递归来逐个发送 POST 请求。每次请求成功或失败后，它会触发下一个请求，直到所有的请求都被发送完毕。确保替换 ‘YOUR_API_ENDPOINT’ 为实际的 API 终点。
2023-11-24 14:08:34
300
原创 js读取json文件
修改本地浏览器设置, 以Windows平台谷歌浏览器为例, 启动时添加参数–allow-file-access-from-files。
2023-11-22 17:16:53
496
原创 比较两个数组内容是否相同
需要注意的是，使用 JSON.stringify() 方法来比较数组内容时，数组的元素必须按照相同的顺序排列才会得到正确的比较结果。
2023-11-19 20:08:29
232
原创 处理多个axios请求
代码中使用了两个独立的 Axios 请求来获取角色数据和动作数据。由于这些请求是异步执行的，JavaScript 不会等待它们完成，而是继续往下执行。这可能导致在你尝试使用 agentdata 或 actiondata 变量时，它们可能仍然是空数组，因为在 console.log 或其他操作执行时，这些请求可能尚未完成，数据还未被赋值给这些变量。
2023-11-19 14:43:42
209
原创 js对象深拷贝汇总
在循环递归中需要注意设置临界值（typeof obj[key] == ‘object’），否则会造成死循环。使用_.cloneDeep(value)函数，它会递归拷贝value（深拷贝）利用Object.assign(), 第一个参数必须是空对象**适用于深拷贝较多的项目。
2023-10-31 10:16:52
104
原创 js数组深拷贝汇总
用于连接多个数组组成一个新的数组的方法。那么，我们只要连接它自己，即可完成数组的深拷贝。将原数组中抽离部分出来形成一个新数组。我们只要设置为抽离全部，即可完成数组的深拷贝。通过对数组的for循环，即可实现对数组的深拷贝了。
2023-10-30 22:32:03
408
原创 CSRF跨域请求伪造
原理：程序员开发的时候，未对相关页面进行token和referer判断，造成攻击者可构造自己的URL地址欺骗目标用户进行点击。同理，Referer Check也可以被用于检查请求是否来自合法的“源”（Referer值是否是指定页面，或者网站的域），如果都不是，那么就极可能是CSRF攻击。PS：Cookie分为两种，Session Cookie（在浏览器关闭后，就会失效，保存到内存里），Third-party Cookie（即只有到了Exprie时间后才会失效的Cookie，这种Cookie会保存到本地）。
2023-10-27 13:09:51
457
原创 localhost和127.0.0.1的区别
1、整个127.* 网段通常被用作 loopback 网络接口的默认地址，按惯例通常设置为 127.0.0.1。这个地址在其他计算机上不能访问，就算你想访问，访问的也是自己，因为每台带有TCP/IP协议栈的设备基本上都有 localhost/127.0.0.1。4、127.0.0.1 是绑定在 loopback 接口上的地址，如果服务端套接字绑定在它上面，你的客户端程序就只能在本机访问。2、本机地址通常指的是绑定在物理或虚拟网络接口上的IP地址，可供其他设备访问到。
2023-10-12 15:52:45
218
原创 const {}解构赋值
解构赋值的基本规则：只要等号右边不是对象或数组，就先将其转换为对象。由于undefined和null无法转换为对象，所以对它们解构赋值都会报错。定义：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
2023-08-31 14:49:59
512
原创 get和post请求的区别以及post请求的url参数问题
2、请求体中的参数（Request Body Parameters）：在POST请求中，请求体中的参数通常用于传递更复杂的或大量的数据，例如JSON、XML等格式的数据。1、URL中的参数（Query Parameters）：在POST请求中，URL中的参数通常用于传递简单的键值对数据。PUT方法通常用于向服务器发送请求，如果URI不存在，则要求服务器根据请求创建资源，如果存在，服务器就接受请求内容，并修改URI资源的原始版本。由于参数位于请求体中，因此相对于URL中的参数，更安全且能够传递更大量的数据。
2023-08-24 16:35:35
849
原创 nodemon cannot be loaded because running scripts is disabled on this system
因为在该系统上禁用了运行脚本；这个错误是由于系统执行策略（Execution Policies）禁止运行脚本导致的。Windows 系统默认情况下禁止运行未签名的脚本，以保护系统安全。
2023-08-24 10:47:20
234
原创 npm init
npm是开源 JavaScript 包管理器，允许 JavaScript 开发人员分享和重用代码。npm init是一种在创建新的npm包时使用的命令，它将提示你填写一些信息以便在package.json文件中创建初始配置。
2023-08-23 13:24:23
1348
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人