html
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 · 734 阅读 · 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 · 495 阅读 · 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 · 1187 阅读 · 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 · 632 阅读 · 0 评论 -
css3设置图片自适应缩放
object-fit:cover;<div class="theImg"> <img src="../assets/img/img1.jpg"></div><style>.theImg{ width: 200px; height: 200px;}.theImg>img{ width: 100%; height: 100%; object-fit:cover;}</style...原创 2020-12-31 11:14:10 · 620 阅读 · 1 评论 -
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 · 930 阅读 · 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 · 278 阅读 · 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 · 831 阅读 · 0 评论 -
【毕业设计】【期末作业】新闻发布系统(php+mysql)
分享一个新闻发布系统网站,后台主要是采用php的thinkphp框架制做的,数据库采用mysql进行处理这个系统主要分为用户模块和后台管理模块,具体功能有用户模块:注册,登陆,查看个人信息,修改个人信息,站内搜索,新闻浏览等功能 后台管理员模块:会员管理,新闻公告,分类管理,新闻管理,评论管理,留言管理等。这个项目可以在电脑本地正常运行,可以做为毕业设计或者计算机作业相关页...原创 2020-02-13 17:56:45 · 6140 阅读 · 17 评论 -
css怎么设置文本超出显示省略号
1、单行文本超出.divObj{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}2、多行文本超出.divObj{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-c...原创 2020-02-09 13:03:07 · 100 阅读 · 0 评论