- 博客(56)
- 收藏
- 关注
RSS订阅原创 Axios 怎么通过 FormData 对象上传文件
FormData 是一个用于在客户端创建表单数据的接口。它可以通过 JavaScript 中的构造函数创建。FormData 可以将表单字段的键值对以键值对的方式添加，同时也支持添加文件。在文件上传的场景中，我们可以使用 FormData 对象来收集表单数据，包括文件和其他文本字段，然后将其发送到后端服务器。FormData 对象用于将数据编译成键值对，以便将其提交到服务器，它主要用于通过 XHR 传输文件。可以异步上传文件可以上传二进制文件提交表单时自动处理表单数据编码。
2024-08-08 10:15:42
729
原创 Vue + Axios全局接口防抖、节流封装实现，让你前端开发更高效
接口防抖和节流是网站性能优化方案的重要组成部分之一。简单来说，防抖是指在特定的时间内只执行一次函数，而节流是指在一个时间段内才执行一次函数。在前端开发中，通过接口防抖和节流可以有效减少网络请求和服务端负载。通过编写防抖和节流代码的方式，可以确保前端页面不会出现过多的请求数量，从而使网页加载速度更快、响应更灵敏。
2024-07-31 15:47:30
986
原创 elmentui this.$confirm使用模板字符串构建HTML结构
【代码】elmentui this.$confirm使用模板字符串构建HTML结构。
2024-07-24 15:55:49
364
原创 js求和reduce使用方法
选择哪种方法取决于具体的场景和需求。简单的求和操作可以用循环，数组求和可以用。方法，而多个数值的求和可以直接相加或使用解构赋值。3.使用一行代码的简写方法（适用于数组）1.使用循环结构（如。
2024-07-22 10:32:29
630
原创 前端JS 插件实现下载【js-tool-big-box，下载大文件（fetch请求 + 下载功能版）
上一节，我们添加了下载大文件的纯功能版，意思就是需要开发者，在自己项目里发送请求，请求成功后，获取文件流的blob数据，然后 js-tool-big-box 帮助下载。但考虑到，有些项目，可能比较简单，在一些没有成形请求封装的情况下，项目里需要一个下载功能。这个时候，这一小节说到的 fetch请求 + 下载功能就有用武之地了。意思就是，自己也不用发送请求了，只需要传入接口所需要的必要参数就可以了，就可以实现下载功能了。用于比较简单的小项目。
2024-07-04 11:17:26
280
1
原创 前端常用3种数据加密方式的使用（最详解）
使用MD5加密可以将原始的字符串转化为不可逆的密文，从而保证数据在传输中不被篡改，提高安全性。讲到这里，相信大家对前端加密的6种方式有详细的使用认识，如有不足之处，请大家补充，欢迎在评论区交流。为了增强加密的安全性，我们可以在原始字符串的基础上再加上一段随机的字符串，这个字符串就是“盐”。为了提高加密的强度，我们可以将加密结果再次进行md5加密，多次加密后的结果更加难以破解。不要使用固定的密钥进行加密，否则容易被破解。即使在前端进行加密，也应该在后端进行加密验证，以增强应用的安全性。
2024-07-02 09:09:45
418
原创 前端第三方组件库国内官网地址
Element-ui 官网: https://element.eleme.cn/#/zh-CN/component/installation。微信开发文档官网：https://developers.weixin.qq.com/miniprogram/dev/framework/mdn国内官网：https://developer.mozilla.org/zh-CN/docs/Web/HTML。layui 官网: https://layuion.com/docs/element/color.html。
2024-07-02 08:54:40
913
原创 轻松解决 Avoided redundant navigation to current location: “/login“.
由于 vue-router3.0 及以上版本回调形式改成Promise API的形式了，返回的是一个Promise。也是说 push和replace都是Promise类型了。而Promise的回调函数resolve和reject，必须传其中一个，否则会报错。如果路由地址跳转相同，且没有捕获到错误，控制台始终会出现上图所出现的问题。先卸载3.0以上版本然后再安装旧版本。
2023-11-09 10:56:50
944
原创 Vue中子组件调用父组件的方法
是直接在子组件中通过this.$parent.event来调用父组件的方法。是父组件把方法传入子组件中，在子组件里直接调用这个方法。向父组件触发一个事件，父组件监听这个事件就行了。
2023-11-02 11:20:45
2377
原创 vue项目中使用iconfont阿里图标库
5.在vue项目中 css新建一个文件夹 把 图4解压后的复制到css目录下 如下图。6.在vue入口mian.js中引入 图4的 iconfont.css 如下图。2.根据搜索选择自己想要的图片 添加到项目中或者新建项目 如下图。7.iconfont.css 里面的内容如下图。3.添加之后如下图 点击下载至本地。4.下载本地解压后的文件如下图。8.在vue各个组件中使用方法。1.进入icon 官网。
2023-08-17 14:56:34
927
原创 JS数组常用的操作方法
，通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容（如果只删除了一个元素，则返回只包含一个元素的数组。13. filter(function(currentValue,index,arr), thisValue)，创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。)，按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。4. unshift()，将一个或多个元素添加到数组的开头，并返回该数组的新长度。
2022-12-15 11:23:43
126
原创 Vue动态添加v-model绑定及获取其返回数据
3、在Vue页面进行动态绑定，需要注意的就是在数据绑定时我用的是 timeTip[index].timelySwitch 而不是item ，否则当操作页面时是不会有动态数据返回的。4、当在页面修改数据后，在控制器输出timeTip时，其数据也是改变后的数据。1、首先在data里定义一个数据 timeTip 为一个空数组。2.将获取到的数据进行动态生成，并塞入 timeTip 中。
2022-09-27 09:57:00
7560
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人