js
qq_2422941992
qq_2422941992
展开
-
vue配置请求代理的时候需要避免命名前部分字母相同
1、proxy设置代理,其地址匹配是根据正则匹配,可以看到文中开始设置了如下三个代理,且顺序如下:"/api" "/apipc" "/huangyi"2、对应请求的三个接口如下:"/api/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg" "/apipc/cgi-bin/musicu.fcg" "/huangyi/music/api/getDiscList"发现三个接口中都包含"/api",所以访问时正则匹配都会转到第一个的"/api"代理原创 2020-12-31 11:22:08 · 721 阅读 · 0 评论 -
vue单页面切换动画效果
<transition name="slide-fade"> <router-view/></transition><style scoped>.slide-fade{ position: absolute;left:0;right: 0;}.slide-fade-enter-active { transition: all .5s ease;}.slide-fade-leave-active { transition.原创 2020-12-31 11:21:22 · 486 阅读 · 0 评论 -
H5当弹出弹窗遮罩时如何阻止滚动穿透(使用css方式)
最终解决方案:使用当弹窗出现的时候将页面body的position设置为fixed并记录此刻滚动的位置,弹窗消失去除position属性遮罩层显示onInviteFriendClick() {this.viewState.shareCover.visible =true;//遮罩出现不可以滚动letscrollTop = document.body.scrollTop || document.documentElement.scrollTop;do...原创 2020-12-31 11:18:58 · 1181 阅读 · 0 评论 -
h5页面弹出弹窗时,js防止页面滚动穿透到底层页面
//弹窗弹出时调用openMaskFun(){letscrollTop=document.body.scrollTop||document.documentElement.scrollTop;document.body.style.cssText+='position:fixed;width:100%;top:-'+scrollTop+'px;';},//弹窗关闭时调用closeMaskFun(){letbody=document.bod...原创 2020-12-31 11:16:43 · 624 阅读 · 0 评论 -
vue瀑布流组件vue-waterfall-easy的使用
1、安装vue-waterfall-easy组件npm install vue-waterfall-easy --save-dev2、在所需要使用的页面中引入该组件并编写相关业务逻辑代码<template> <div> <vue-waterfall-easyv-show="!noData&&loadingShow"ref="waterfall"@scrollReachBottom="getData":imgsArr="img...原创 2020-12-31 11:10:26 · 910 阅读 · 0 评论 -
vue跑马灯组件vue-marquee的使用
1、安装vue-marqueenpm install vue-marquee2、在所需要的页面中引入组件importvueMarqueefrom'vue-marquee';components:{vueMarquee},3、在页面中使用vue-marquee组件<vue-marquee:duration="600":interval="2000"><divv-for="(item,index)in10":key="in...原创 2020-12-31 11:02:16 · 2764 阅读 · 0 评论 -
js实现一个数组划分为二维数组内多个小数组
//一个数组划分为二维数组内多个小数组/*arr:原数组num:需要获取成几个小数组*/formatArr(arr,num){//最后返回的结果为一个二维数组varnewArr=newArray(Math.ceil(arr.length/2));for(leti=0;i<newArr.length;i++){newArr[i]=[];...原创 2020-12-31 10:57:20 · 274 阅读 · 0 评论 -
js获取路径参数
//获取路径参数getUrlParam(name){varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");varr=window.location.search.substr(1).match(reg);if(r!=null)returnunescape(r[2]);returnnull;},...原创 2020-12-31 10:56:38 · 823 阅读 · 0 评论 -
js获取cookie里面的某个值(userid,token)
/***获取cookie里面的userid,token*@paramname获取的key*/getCookie(name){letstrCookie=document.cookie;letarrCookie=strCookie.split(';');for(leti=0;i<arrCookie.length;i++){letarr=...原创 2020-12-31 10:55:13 · 1806 阅读 · 0 评论 -
vue配置请求代理的时候需要避免命名前部分字母相同
1、proxy设置代理,其地址匹配是根据正则匹配,可以看到文中开始设置了如下三个代理,且顺序如下:"/api" "/apipc" "/huangyi"2、对应请求的三个接口如下:"/api/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg" "/apipc/cgi-bin/musicu.fcg" "/huangyi/music/api/getDiscList"发现三个接口中都包含"/api",所以访问时正则匹配都会转到第一个的"/api.原创 2020-10-08 20:25:25 · 605 阅读 · 0 评论 -
vue单页面切换动画效果
<transition name="slide-fade"> <router-view/></transition><style scoped>.slide-fade{ position: absolute;left:0;right: 0;}.slide-fade-enter-active { transition: all .5s ease;}.slide-fade-leave-active { tran...原创 2020-10-08 20:24:23 · 397 阅读 · 0 评论 -
移动设备中click事件会存在300ms的延迟
移动设备中click事件会存在300ms的延迟我们需要引入fastclick这个第三方插件如果是在vue开发中:1、我们需要用npm进行安装即可 npm install fastclick --save2、在main.js中需要将fastClick绑定到我们的body之上 fastClick.attach(document.body)import Vue f...原创 2020-02-09 21:49:38 · 121 阅读 · 0 评论 -
前端函数获取或删除url get参数
获取url参数functiongetUrlParam(name){varreg=newRegExp("(^|&)"+name+"=([^&]*)(&|$)");//构造一个含有目标参数的正则表达式对象varr=window.location.search.substr(1).match(reg);//匹配目标参数...原创 2020-02-09 21:44:58 · 513 阅读 · 0 评论