2202_75390830的博客

原创 前端盒子点击后增加边框页面样式会发生改变 如何解决

元素的边框宽度会包含在元素的总宽度和高度内，防止元素大小发生变化。要在点击一个盒子时，使其增加2px的边框，而不导致页面布局改变，你可以使用CSS的。类名，这个类名的样式会使其边框颜色变为黄色（示例中是#ffcc00）。，增加边框并不会导致元素的大小发生变化，因此页面布局不会改变。）添加了一个初始状态的边框样式，并将。在上述代码中，我们给每个盒子（方法给对应的盒子添加一个。

原创 后端返回二进制文件，前端vue+axios实现下载文件

多个文件下载（zip）

原创 前端 vue2+element组件库中的表格组件里面嵌套上传组件 如何实现在上传组件中的事件中传递scope（单条数据的值）

方法来明确指定传递的参数。这两种方法都可行，具体选择哪种方法取决于您的个人偏好。，Vue 将尝试将事件对象作为第一个参数传递给事件处理程序函数，而不是。事件处理程序通常是不起作用的，因为在事件绑定时，Vue 不会自动将。这是因为箭头函数在定义时会捕获当前的上下文，包括参数，而。参数传递给处理程序函数。方法都可以在函数调用时指定参数，因此您可以确保。方法则允许您绑定参数到函数，使其成为固定的参数。，然后后面的参数将按顺序传递给。1.通过使用箭头函数，可以将。方法，第一个参数是要绑定的。作为第一个参数传递给。

原创 前端接收后端返回的二进制文件容易踩的坑

根据具体情况，你可能需要替换示例代码中的"your-video-url"为实际的视频URL，并对返回的二进制数据进行处理或将视频URL传递给Vue组件进行播放等操作。只适用于支持二进制数据的HTTP请求库，并且服务器必须能够正确地响应所请求的二进制数据。，并按照之前提到的步骤，将其转换为Blob对象，并生成视频的URL。然后，在成功的回调函数中，我们从响应中获取二进制数据。如果使用axios请求必须加以下代码。告知服务器我们希望接收二进制数据。方法来发起GET请求，并通过。上述代码中，我们使用了。

原创 让超出input框的字变为...

text-overflow: ellipsis; overflow: hidden; word-break: break-all; white-space: nowrap;

原创 数组深拷贝

JSON.parse(JSON.stringify(arr))

原创 uniapp中view的内容太多超出父盒子的宽度并影响左侧内容宽度如何解决

如图 使用的flex布局 左侧固定宽度但是右侧内容太长左侧内容宽度被强行挤走 如何解决？要给左右两侧的内容都设置宽度 并且给右边的盒子加上以下属性即可解决。

原创 根据数据来判断多个class（动态class）

【代码】根据数据来判断多个class（动态class）

原创 element的上传组件，如何在文件上传时禁用提交按钮（多个文件上传），等待全部文件上传完之后再取消禁用

原理很简单 上传前的钩子函数中每有一个文件 变量+1 上传成功后另一个变量+1 再上传成功的函数里面判断两个数是否相等 相等即取消禁用。

原创 前端下载文件（后端返回二进制文件流+文件类型）（所有文件类型均可下载）

【代码】前端下载文件（后端返回二进制文件流+文件类型）（所有文件类型均可下载）

原创 uniapp 跨域的解决

如图 配置proxy。

原创 前端导出Excel自定义列宽高

【代码】前端导出Excel自定义列宽高。

原创 前端下载文件为zip

其中 res.data为二进制文件流。

原创 高德地图搜索踩到的坑

关键字搜索 返回的数据有部分会没有经纬度 地点搜索不会。

原创 vue 后端返回文件流 前端导出为excel文件

注：如果不加时间戳纯粹的是死的文件名，多次导出会出问题。在你封装的请求方法里面加上如上属性。

原创 前端如何做到 发送一个请求 不限制请求时间 直到加载出来

这样就可以实现发送一个请求不限制请求时间，直到加载出来的功能。在发送请求之前，可以设置XMLHttpRequest对象的timeout属性来设置请求超时时间，或者使用fetch API的signal属性来设置请求的AbortController对象，以便在需要时取消请求。在前端中，发送一个请求并等待请求返回的数据可以使用异步请求来实现。异步请求不会阻塞浏览器的渲染和用户的交互，而是在后台进行请求和处理数据，一旦请求完成就会触发回调函数来处理数据。如果请求超时或者被取消，可以在回调函数中处理相应的错误信息。

原创 echarts的基本使用

【代码】echarts的基本使用。

原创 利用element的分页封装的分页器

- 分页器 -->

原创 动态表单动态增加表单项后的表单验证

其中中括号里面的 ruleForm表示表单的ref属性名 validateField表示校验 括号里面的 incumbent表示校验规则的名称。

原创 item[‘x‘]表示什么意思

item[‘x’]表示item对象里面的x属性的属性值。

原创 前端批量导出zip

@param {blob} fileArrayBuffer 文件流。* @param {String} filename 文件名称。* @param {String} fileType 文件格式。

原创 动态表单（填报）

el-input v-for="(item, index) in ruleForm.incumbent" :key="index" class="xmry_1_ry_ipt" placeholder="姓名"<el-button size="mini" class="el_button_cancel" style="float: right" @click="btn_qx">返回</el-button>

原创 正则表达式 大于0的正整数

[1-9]\d*$

原创 遇到的难点（填报系统）前后端交互数据问题以及findindex和splic数组方法的应用

el-table-column prop="towerDistance" width="443" label="塔位间距离" align="center"><el-table-column prop="towerExtents" label="塔间区段" width="443" align="center"><el-table-column prop="towerPosition" label="塔位" width="443" align="center">

原创 将src目录变成@符号

将src目录变成@符号，在导入文件时就不需要../或者./ 直接@就会出提示。

原创 vscode运行代码，浏览器自动打开

在package.json文件中找到对应字段 添加 --open 即可。

原创 前端实现换行

原创 封装axios

封装axios

原创 经常使用的 vue 中的修饰符有哪些

vue 中的修饰符

原创 js中操作数组与字符串的的API

操作数组和字符串的APi

原创 移动端常见兼容问题

移动端常见的兼容问题