Williamqin_的博客

原创 vue用jenkins 打包项目项目关闭eslint检查

问题描述：创建vue脚手架项目后，使用jenkins 打包项目，出现如下图所示错误，显示错误来源于eslint检测。解决方法：在根目录下找到vue.config.js文件，添加lintOnSave: false以。检测，项目运行成功。

原创 一个基于vue功能强大的表格组件--vxe-table的二次封装

一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等…

原创 两个对象相同的key，拿相同key的第一个对象的value作为另一个对象的key，另一个对象里的value是新对象里的value

创建一个新的对象，其中的键是从第一个对象中相同键的值获取的，而这些键对应的值则是第二个对象中相同键的值。

原创 el-table和vxe-table没有给每一行添加key时，当我们删除第二行数据时，焦点会自动聚焦在变为第二行的第三行数据按钮上。

相同就复用，不同就删除旧的创建新的。如果不添加key组件默认都是就地复用，不会删除添加节点，只是改变列表中的文本值。添加key之后，Vue对比节点内容不一致时，就会认为是两个节点，会先删除掉旧节点，然后添加新节点。注：表格中不建议使用index作为key，删除数据时，索引会自动连续，（1,2，3删除第2，索引会自动变成1,2，而不是1,3）所以Vue仍然会认为删除的是第3项，而不是第2项。el-table没有给每一行添加key时，当我们删除第二行数据时，焦点会自动聚焦在变为第二行的第三行数据按钮上。

原创 在element中的table表格中运用InputNumber修改不成功

在项目中,在table表格中,使用计数器改变数量的话,只能点击一次,没有改变数组里面的数据,或者改变数据重新渲染的话,checkbox选中的数据也会改变,首先在表格中定义一个:key=‘tablekey’如何实现可以修改这个bug,直接上代码。

原创 web3.0基本概念简析

这是因为，一条区块链如果高度满足去中心化和安全性，那么需要所有节点参与计算和存储，这将极大地提高对网络吞吐量的要求和对硬件设施的性能需求，而这样的需求提高带来的是技术限制和高额的设备成本，这就限制了许多节点的加入，因此极大地影响了区块链的可扩展性。在区块链高度满足去中心化和可扩展性的情况下，这条区块链的节点是非常分散的，需要分散计算和存储，也就无法达到全量共识。以太坊白皮书中提到，以太坊的目标是，提供一条内置有成熟的图灵完备的编程语言的区块链，用这种语言可以创建合约来编码，从而实现任意状态转换功能。

原创 表单自定义校验获取的value为undefined(element ui)

1首先： el-from 里面要绑定modal和rules, :model=“ruleForm” :rules=“rules”;然后：el-form-item 里面的 prop对应绑定一个rules里面的规则,prop=“age”；input输入框里面要绑定 v-model.number=“ruleForm.age”仔细检查下每个标签里面对应的值是否正确。

原创 Element-UI表单验证 二选一、三选一、多选一验证

在表单提交过程中很多时候要用到几个表单项二选一验证或多选一验证，比如联系方式中的手机号和固定电话只需要填写一项就可通过验证，针对这样情况可以使用Element-UI的自定义验证实现，具体实现方法如下。

原创 发送post json请求结果总是参数拼在Url中 参数1&参数2

你的代码中使用了Axios库的params选项来发送POST请求。默认情况下，Axios会将params中的数据拼接到URL中，并将请求视为application/x-www-form-urlencoded类型，而不是application/json。如果你想要以JSON格式发送请求体，而不是将数据作为查询参数附加到URL中，你应该将数据放在data字段中，而不是params字段中。，并将数据序列化为JSON格式发送到服务器。这样，你的请求将以JSON格式发送，而不是作为查询参数。发送的post请求不是。

原创 JS判断数组中的对象的每一个值不能为空,判断数组中的每一层对象的某一个字段属性值不能为空或其他条件，深入浅出JavaScript中的some()方法和every()方法

every() 方法是 JavaScript 数组的一个高阶函数，用于检查数组中的所有元素是否满足指定的条件。它会遍历数组中的每个元素，并对每个元素应用一个回调函数，只有当所有元素都满足条件时，every() 方法才会返回 true，否则返回 false。除了判断数组中是否存在某个值，some 方法还可以用于判断数组中是否存在满足其他条件的元素，比如判断数组中是否存在某个对象的值等。它会遍历数组中的每个元素，直到找到满足条件的元素或遍历完整个数组。，剩余的元素不会再执行检测，所有元素都不满足条件时才返回。

原创 url如何拼接参数格式& ？ 用&和? =拼接

另一种理解就是，当需要往url上拼接请求参数的时候，需要以【?】分隔符的右边开始拼接参数对，参数对的格式是【参数名=参数值】，不同参数对之间以【&】作为分隔符。通过下面的例子可以看出，第一个参数需要以【?】开头， 然后是参数名，然后是【=】，然后是参数值。下面是第二个参数的拼接开始则需要以【&】开头，然后是参数名，然后是【=】，然后是参数值。第二个参数 ： 开始需要以【?】开头，然后是参数名，第二个以【&】开头，然后是参数名。第一个参数：需要以【?】开头，然后是参数名。//两个参数拼接时用 & 连接。

原创 我的创作纪念日

提示：你过去写得最好的一段代码是什么？提示：当前创作和你的工作、学习是什么样的关系。提示：可以和大家分享最初成为创作者的初心。提示：在创作的过程中都有哪些收获。提示：职业规划、创作规划等​​。

原创 JavaScript 如何修改,删除数组中某个对象的某个属性

将对象自身展开，以便通过使用先前创建的对象数组来更新现有对象的属性值。使用map()方法根据指定的函数，通过转换原始数组的每个元素来创建一个新的数组。使用Array.map()创建一个带有扩展运算符的新数组，以修改特定对象的属性。使用 forEach() 方法，遍历对象数组，检查条件并修改匹配对象的属性。使用for循环遍历一个包含对象的数组，根据条件查找并修改特定对象的属性。使用find()方法搜索具有指定属性值的对象，并使用解构修改属性。

原创 什么叫做API？看完你就理解了

例如基于C语言的图形界面库GTK，基于C++的网络库ACE，基于Java的大数据处理平台Hadoop，基于Python的Web开发框架Django，基于JavaScript的前端开发框架React。操作系统想了一个很好的办法，它预先把这些复杂的操作写在一个函数里面，编译成一个组件（一般是动态链接库），随操作系统一起发布，并配上说明文档，程序员只需要简单地调用这些函数就可以完成复杂的工作，让编程变得简单有趣。说得更加通俗易懂一些，别人写好的代码，或者编译好的程序，提供给你使用，就叫做API。

原创 【远程工具】- MobaXterm 的下载、安装、使用、配置【Telnet/ssh/Serial】

在远程终端工具中，secureCrt 和 XShell 是两款比较有名的远程工具，但这两款软件现在都是收费的，有些公司不允许破解使用。今天就推荐一款免费的、免安装的、功能丰富的远程终端软件–MobaXterm。

原创 elementui中的tabel中使用input框实现表格数据编辑

input中使用了v-model，而v-model是双向数据绑定，当input输入后，会把v-model绑定的值改变，所以tabel组件绑定的数据（下面的tableData1）也会相应的发生改变；只需要把tableData1的数据再传给后台，然后再重新调一次接口即可完成表格数据更新；，span标签用于展示数据，而input标签用于编辑数据，通过v-if来控制显示；注：input要使用v-model绑定span中显示的数据，这样就可以实现编辑了。elementuiui中的tabel有个自定义列模板，在。

原创 鸿蒙HarmonyOS 热更新热加载设置位置

我这边是win电脑 感觉这个热重载还是没有flutter的好用 不过有总好过没有 希望在后期的新版的ide里面能够优化这个热重载功能 那么我们开发的效率最少可以提升1倍以上。最后也希望华为鸿蒙next生态能起来 我们也有更多工作岗位 能够在这个经济不好的时候杀出一条血路。让国产自研技术达到了一个新高度，完成了从零到一的迈步，让自研不再是 PPT ，不再是“套壳”。

原创 前端开发node_modules依赖包你清楚吗？（demo小结）

看到这里相信很多前端小伙伴对平时开发时使用的node依赖包有了更深层次的了解吧，可以自己动手尝试一下封装一个node包并在项目开发中使用！包的坐着应该是贡献者数据的第一个元素。- 只要大家在计算机中，安装了Node这个应用程序，那么，我们的计算机中就已经安装了所有的 核心模块；模块成员，根据一些区别，又可以分为三大类： 核心模块、第三方模块、用户自定义模块。- 例如：fs，path等模块，都是由Node.js官方提供的核心模块；- 随着Node.js的安装包，一同安装到本地的模块，叫做核心模块；

原创 WIN11系统中WALN（WiFi）图标消失，或者驱动找不到的解决办法

此类问题主要出现在使用了某种不知名操作导致的网卡驱动出现错误，个人曾在解决netkeeper由于驱动导致无法连接网络时更改了无线网卡驱动，重启后Win10系统无法使用网络（尝试过usb共享、蓝牙共享、以太网等方式且无效），后来尝试用驱动精灵以及驱动人生的网卡版更新修复驱动，但是然并卵（虽然说是网卡版，但是修复还是要联网，基本上就是个死循环）。2.重置网络设置Windows+X+A，然后输入1.netsh ip reset + 回车。复制下面的内容到文本文档，另存为.reg注册表格式文件运行就可以了。

原创 向一个对象数组里面添加新的属性 + 将一个对象数组数据拿出来变成另一个对象

将一个对象数组数据拿出来变成另一个对象。

原创 如何对多个if-else判断进行优化

事实上，大部分业务需求都能使用最基本的if-else完成，只不过是简单和繁琐的问题，当我们遇到这类问题，不妨改变一下思路，将自己的代码优雅化，使用上数据配置或责任链模式，你会发现不仅仅是思路的扩展，代码的逻辑都清晰了不少，希望对各位有所帮助。这里看起来并没有很复杂，但是如果在实际业务中，并不仅仅只需要返回一个折扣力度，可能还需要对活动商品、活动库存、是否使用优惠券等等进行计算，这样的话我们所有的逻辑就全部都写在这一个方法内的if判断语句内，可以想象，可读性是很差的。

原创 向一个对象数组里面添加新的属性 + 将一个对象数组数据拿出来变成另一个对象

【代码】向一个对象数组里面添加新的属性 + 将一个对象数组数据拿出来变成另一个对象。

原创 element-ui中一个单元格想要渲染两个后端返回字段的方法

其实为每个字段都取名prop是为了在写代码时每一项的数据都可以使用item.prop的方法获取，简便代码。当有需要时，可以直接通过row.字段名去获取对应的数据，这样一行就可以获取多个字段的数据了。常规操作是，在columns数组中将需要绑定的数据字段名设为prop，这样通过item.prop可以直接获取到对应值。但当我需要绑定两个字段值，如果硬想着只能通过prop去取值就实现不了。如上，前端的字段名可以自己随便取，不一定要和后端一样，取数据时直接取用后端返回的字段名即可。

原创 vs code 显示npm脚本

原创 防抖和节流（详细） 使用场景和区别

高频率触发的事件,在指定的单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计算时间防抖类似于英雄联盟回城6秒，如果回城中被打断，再次回城需要再等6秒<body><script>// 1.封装防抖函数// 4.创建一个标记用来存放定时器的返回值// 5.每当用户触发input事件 把前一个 setTimeout 清楚掉// 6.然后又创建一个新的 setTimeout, 这样就能保证输入字符后等待的间隔内 还有字符输入的话，就不会执行 setTimeout里面的内容。

原创 vue旋转图标

需求是当我们点击图标进行请求数据的时候，图标进行旋转，成功之后停止旋转，请求超时也会自动停止旋转。

原创 uniapp request请求封装

响应拦截器代码如下，获取响应数据，对异常数据做统一的处理，最后返回成功响应的数据。拦截器代码如下，获取响应数据，对异常数据做统一的处理，最后返回成功响应的数据。请求api的代码如下。

原创 vue this.$set为对象添加属性或修改指定属性

在js中直接采用this.obj.attr = 'xxx'的方式修改对象的属性值，发现视图层没更新重新渲染出最新的数据，此时可以采用this.$set进行操作。语法：this.$set(target, propertyName/index, value)//{name: '李四', 'age': 18}this.$set(obj, 'name', '李四');//修改name属性值。//追加age属性并赋值。name: '张三'

原创 js对象数据类型(键值对)

var obj={name:"小明",age:20,isgey:falet} // var 键值对名 = {键：值,键：值}obj.age=50 //因为键值对里面的key(键)不能重复所有修改和增加差不多。delete obj.name //删除键值对里面的name。obj.sex="男" //在末尾增加一个键值。

原创 三元运算符及“??”和“?.”的意义

” 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空nullish null 或者 undefined 的情况下不会引起错误，该表达式短路返回值。三元运算符是一种固定的运算格式，语法格式为 “a?b : c”， 其意义为：a为判断条件，如果a成立，则取b的值，如果a不成立，则取c的值。“是一个逻辑操作符，语法格式为a?其意义为：当a为 null 或者 undefined 时，返回a的值，否则返回b的值。比如a是一个有数值的key值，则可以判断a在有值时取a的值，即“a?

转载 理解异步函数async和await的用法

1. async 是异步的意思，await则可以理解为 async wait。所以可以理解async就是用来声明一个异步方法，而 await是用来等待异步方法执行2. async作为一个关键字放在函数前面，表示该函数是一个异步函数，异步函数意味着该函数的执行不会阻塞后面代码的执行；而 await 用于等待一个异步方法执行完成；3. async/await的作用就是使异步操作以同步的方式去执行async 函数1)函数的返回值为Promise对象。

转载 如何搭建一个vue项目(完整步骤)

config文件夹主要存放配置文件，用于区分开发环境、线上环境的不同，常用到此文件夹下config.js配置开发环境的端口号、是否开启热加载或者设置生产环境的静态资源相对路径、是否开启gzip压缩、npmrunbuild命令打包生成静态资源的名称和路径等。cmd命令，因为是全局的，所以在哪里打开都行，注意运行的时候不能关闭cmd窗口，不然就停止服务了，如果电脑太卡，可以直接在浏览器输入http//localhost8000/...

原创 mac连接蓝牙耳机只有一个有声音

打开系统偏好设置，声音，点你的AirPods，看看平衡是不是在中间，我也是这种情况很只有左边有声音，原来是平衡拉到最左了也不知道啥时候按错了，试试！重启后还会只有一个有声音，需要重新设置...

转载 MAC OS 怎么显示/隐藏文件和文件扩展名?

一.懂得命令的用户，命令方式最简单打开终端键入如下两行命令你就可以实现对文件的显示和隐藏功能了。Launchpad——其他——终端，打开之后就可以键入命令了。 显示：defaults write com.apple.finder AppleShowAllFiles -bool true 隐藏：defaults write com.apple.finder AppleShowAllFiles -bool false 如果不懂的话，还可以可以手动操作。 MAC OS 怎么显示/隐藏文件和文件扩展名?