js
关注
分享
扫一扫
搬砖小哥哥
这个作者很懒，什么都没留下…
展开
-
前端blob下载文件
在一个项目中, 需要下载excel, pdf, word, zip等数据模板, 而后端返回的是一个文件流, 前端就需要使用blob来下载1.首先要在接口中添加 responseType: ‘blob’,// 模板下载export function downLoadModule(url,params = {}) { return request({ url: url, method: 'get', responseType: 'blob',原创 2021-09-18 10:58:13 · 4282 阅读 · 2 评论 -
POST提交数据失败, 数据太长, new FormData()封装成表单数据
在项目中有一个表单提交, 把所有的参数放在一个params对象中, 因为其中一个参数handleComment的值太长, 会提交失败, 通过new FormData() 把要传的参数封装成表单数据, 就可以解决了const params = { handleMode:'1,2', handleComment: '处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果处理结果原创 2021-07-30 10:23:33 · 829 阅读 · 1 评论 -
js两个数组去除相同的项
let arr1 = [{id:1,'name':'哈哈'},{id:22,'name':'哈哈'},{id:3,'name':'哈哈'},{id:4,'name':'哈哈'}] let arr2 = [{id:1,'name':'哈哈'},{id:2,'name':'哈哈'},{id:3,'name':'哈哈'},{id:4,'name':'哈哈'}] function main(arr1,arr2) { for(let...原创 2021-02-22 19:08:04 · 1502 阅读 · 0 评论 -
移动端横向导航条点击一个栏目滑动到屏幕中间
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*-webkit-overflow-scrolling: touch;*/ .tab-head::-webkit-scrollbar{ display: none; } *{ ma原创 2020-08-21 17:27:16 · 808 阅读 · 0 评论 -
js字符串拼接变量名及赋值
#eval方法多个变量赋值let linkage1 = { "name" : 'sasigei', "type ": 1, "link1B" : '哈喽', "link1C" : '你好',}let linkage2 = { "name" : 'sasigei', "type ": 2, "link2B" : '哈哈', "link2C" : 'nice',}function changes(n){ console.log(eval('linkage' + n).name=原创 2020-08-20 17:10:32 · 2036 阅读 · 0 评论 -
video播放Uncaught (in promise) AbortError: The play() request was interrupted by a call to pause()
1.控制台报错： Uncaught (in promise) AbortError: The play() request was interrupted by a call to pause()执行了play()方法以后立即执行了pause()方法，所以你让video暂停150毫秒之后再播放就不会报错了if(video.paused || video.ended){setTimeout(() => {video.play();}, 200)}else{video.pause();}原创 2020-08-08 16:59:26 · 7245 阅读 · 0 评论 -
阻止ios播放视频自动全屏
1.js监听视频全屏事件webkitfullscreenchange<video class="playerVideo" playsinline="true" webkit-playsinline="true"> //视频缩放,ios播放视频不会全屏let flag = false; //是否进入全屏，默认未进入document.addEventListener("webkitfullscreenchange", function (e) { if ($('.playerVi原创 2020-08-05 16:05:16 · 2132 阅读 · 0 评论 -
swiper中子元素固定定位失效,尤其是安卓
1.在项目中的swiper中添加视频,要求页面滚动时,视频固定在屏幕右边中间位置2.swiper中的子元素的固定定位受到父元素的transform属性影响3.在网上找了很多答案,都是说把要固定定位的元素的父元素的transform设置成none4.开始时,只是把.swiper-wrapper的transform设置成none,结果:ios的swiper中子元素的固定定位已经起作用了,然而,安卓上却死活出不来,经过仔细查找,找到了这个.swiper-wrapper中的.swiper-slide也有tr原创 2020-08-05 15:55:45 · 1301 阅读 · 0 评论