- 博客(17)
- 收藏
- 关注
RSS订阅原创 echarts隐藏点击nav切换显示造成宽度100px
echarts页面一加载是隐藏状态，点击nav切换的时候显示出来，造成宽度为100px。解决办法：先给ehcarts赋值高宽，再隐藏。刚开始我是直接判断navIndex的值来切换两种数据。后来发现容易造成echarts图表宽度为100px变形了。解决办法如下：//先给图表设置宽度（vue项目中此段代码放在mounted中） document.getElementById("touristChart").style.width = window.innerWidth - 30 + "px"; //
2020-05-27 17:53:55
553
原创 移动端可以监听用户点击前进按钮/后退按钮事件
window.onpopstate事件在在支持H5的浏览器中，可以监听用户点击浏览器的前进按钮/后退按钮，在vue移动端项目中，我想在用户点击手机的回退按钮时，直接跳转至首页，可添加如下代码：mounted() { window.addEventListener("popstate",(e)=> { this.$router.push('/') }, false); }...
2020-05-27 16:51:14
1095
原创 移动端h5调起高德地图、百度地图实现路线及路况查询
//html <a href="https://uri.amap.com/marker?position=经度,纬度&name=所在的位置名称">高德地图</a> //js window.location.href ="https://uri.amap.com/marker?position=" + location +"&name=" + scenicName; <a href="http://api.map.baidu.com/marker?l
2020-05-27 16:38:00
1183
原创 Echarts多条折线图 y轴数值与实际值不一致的解决方法
如图，折线图的实际值与Y轴数值不一致，解决办法很简单：将 series:[] 里的stack属性删除即可。
2020-05-27 15:59:04
3799
3
原创 Vue 路由之传参方式：params和query的使用和区别
首先我们来看一下params和query的两种传值方式：this.$router.push({name:'orderDetails',params:{orderType:this.Id}});this.$router.push({path:'/orderDetails',query:{orderType:this.Id}});接收方式为：this.$route.params.orderT...
2020-04-10 14:55:07
251
原创 控制台报错net::err_connection_timed_out
本地请求线上接口，控制报错：net::ERR_CONNECTION_TIMED_OUT，连接超时,查询报错原因，有说让清浏览器缓存的，有说让关闭防火墙的…一系列操作之后，问题还是没有解决。最终发现了问题所在：那就是url请求地址错误，我的接口请求地址是：是前面的basePath错误问题，最终改了basePath地址，接口请求正常。当然，这是我遇到的情况，不能以一概全，可能还有其他原因造成...
2020-01-11 15:34:26
13158
原创 video-js m3u8视频播放 手机端微信点击播放禁止弹出全屏
<link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.4.1/video-js.min.css" rel="stylesheet"><script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.4.1/video.min.js"></...
2020-01-11 11:51:05
4761
原创 通过css实现竖排文字扫光闪烁效果
@-webkit-keyframes fontChange { 0% { background-position: 0 0 } 100% { background-position: 0 -100% } } .leftAside { position: absolute; top: 33%; left...
2020-01-11 11:13:42
420
原创 dropload上拉加载更多因footer高度导致内容无法触底导致加载异常问题
代码如下： <link rel="stylesheet" href="dist/dropload.css"> ... <div class="content"> <div class="lists"> ... </div> </div> <script src=...
2020-01-11 10:57:09
442
原创 部署在IIS上的网页ajax请求json模拟数据时返回404
最近在做项目的时候，数据没有从后台返回，而是自己在本地建了一个json，然后ajax请求这个json文件获取数据，在本地的时候，数据获取无误，放到服务器之后，就报如下错误：检查路径什么的都没有问题，查找原因，原来是IIS不支持解析.json格式文件，需要手动设置：打开IIS，双击MIME类型,鼠标右键点击“添加”，关联扩展名：*.json内容类型(MIME)：application/x-...
2020-01-11 10:39:22
509
原创 秀米图文编辑对接UEditor富文本编辑器样式丢失
接入秀米图文编辑 将秀米生成的图文排版内容粘贴（选择对勾后）到项目中UEditor富文本编辑器时，样式丢失，解决办法如下：找到ueditor.config.js配置文件中xss过滤白名单部分，将section行修改为下图部分，不过滤class和style类型。造成原因：section标签丢失了所有属性，而div、span等标签样式、类名都在，可能是ueditor的某种规则过滤了sect...
2019-11-29 16:09:05
3252
原创 HTML iframe 标签禁止跳转页面
iframe标签的属性：sandbox，启用一系列对 <iframe> 中内容的额外限制,有5个值：<iframe name="son" src="index.html" width="100%" height="100%" scrolling="auto" security="restricted" sandbox="allow-top-navigation allo...
2019-11-29 15:39:07
2064
原创 ios移动端软键盘弹起引起的提交按钮错位问题
移动端表单元素（input,textarea等）聚焦时，软键盘弹起再收回，提交类按钮由此引起的错位问题，在表单元素失去焦点时，加入以下代码：
2019-11-29 15:15:34
394
转载 网页中添加QQ在线客服
方法一：调用本地已安装的QQ进行会话其实这么写会有一个问题，如果对方不是你的好友，你需要添加好友等对方验证后才能发起对话。方法二：腾讯的QQ在线-QQ通信组件在线咨询使用客服QQ登陆QQ推广页面：http://wp.qq.com/consult.html ，开通客服QQ通讯组件，一般登录进去就算开通了。获得生成的代码，如果不需要QQ图标的话，只需要这个：htt...
2019-11-29 15:00:55
507
原创 微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法
这里就直接写问题的关键了，前提操作可以直接访问微信js-sdk说明文档之JSSDK使用步骤。问题主要是在微信公众号里面调取ssdk扫一扫功能，Android能正常掉取成功，ios第一次进入页面调取失败，需手动刷新一次页面才能调取成功。解决方法如下：注意：ios第一次进入页面调取失败的原因主要在于传入的path路径注意：一定要对path路径进行截取，取#号之前的部分，这就是ios第一次调...
2019-06-04 11:16:22
5198
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人