<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[web_start的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/web_start</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; web_start]]></copyright><item><title><![CDATA[echarts隐藏点击nav切换显示造成宽度100px]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/106387158</link><guid>https://blog.youkuaiyun.com/web_start/article/details/106387158</guid><author>web_start</author><pubDate>Wed, 27 May 2020 17:53:55 +0800</pubDate><description><![CDATA[echarts页面一加载是隐藏状态，点击nav切换的时候显示出来，造成宽度为100px。解决办法：先给ehcarts赋值高宽，再隐藏。

刚开始我是直接判断navIndex的值来切换两种数据。后来发现容易造成echarts图表宽度为100px变形了。
解决办法如下：
//先给图表设置宽度（vue项目中此段代码放在mounted中）
 document.getElementById("touristChart").style.width = window.innerWidth - 30 + "px";
 //]]></description><category></category></item><item><title><![CDATA[移动端可以监听用户点击前进按钮/后退按钮事件]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/106385466</link><guid>https://blog.youkuaiyun.com/web_start/article/details/106385466</guid><author>web_start</author><pubDate>Wed, 27 May 2020 16:51:14 +0800</pubDate><description><![CDATA[window.onpopstate事件在在支持H5的浏览器中，可以监听用户点击浏览器的前进按钮/后退按钮，
在vue移动端项目中，我想在用户点击手机的回退按钮时，直接跳转至首页，可添加如下代码：
mounted() {
    window.addEventListener("popstate",(e)=&gt; {
        this.$router.push('/')
    }, false);
  }


...]]></description><category></category></item><item><title><![CDATA[移动端h5调起高德地图、百度地图实现路线及路况查询]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/106384864</link><guid>https://blog.youkuaiyun.com/web_start/article/details/106384864</guid><author>web_start</author><pubDate>Wed, 27 May 2020 16:38:00 +0800</pubDate><description><![CDATA[//html
 &lt;a href="https://uri.amap.com/marker?position=经度,纬度&amp;name=所在的位置名称"&gt;高德地图&lt;/a&gt;
 //js
  window.location.href ="https://uri.amap.com/marker?position=" + location +"&amp;name=" + scenicName;
  
&lt;a href="http://api.map.baidu.com/marker?l]]></description><category></category></item><item><title><![CDATA[Echarts多条折线图 y轴数值与实际值不一致的解决方法]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/106383673</link><guid>https://blog.youkuaiyun.com/web_start/article/details/106383673</guid><author>web_start</author><pubDate>Wed, 27 May 2020 15:59:04 +0800</pubDate><description><![CDATA[如图，折线图的实际值与Y轴数值不一致，解决办法很简单：

将 series:[] 里的stack属性删除即可。

]]></description><category></category></item><item><title><![CDATA[Vue 路由之传参方式：params和query的使用和区别]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/105433476</link><guid>https://blog.youkuaiyun.com/web_start/article/details/105433476</guid><author>web_start</author><pubDate>Fri, 10 Apr 2020 14:55:07 +0800</pubDate><description><![CDATA[首先我们来看一下params和query的两种传值方式：
this.$router.push({name:'orderDetails',params:{orderType:this.Id}});
this.$router.push({path:'/orderDetails',query:{orderType:this.Id}});

接收方式为：
this.$route.params.orderT...]]></description><category></category></item><item><title><![CDATA[控制台报错net::err_connection_timed_out]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103937056</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103937056</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 15:34:26 +0800</pubDate><description><![CDATA[本地请求线上接口，控制报错：net::ERR_CONNECTION_TIMED_OUT，连接超时,
查询报错原因，有说让清浏览器缓存的，有说让关闭防火墙的…一系列操作之后，问题还是没有解决。
最终发现了问题所在：那就是url请求地址错误，我的接口请求地址是：
是前面的basePath错误问题，最终改了basePath地址，接口请求正常。
当然，这是我遇到的情况，不能以一概全，可能还有其他原因造成...]]></description><category></category></item><item><title><![CDATA[移动端input输入框聚焦时禁止软键盘弹出]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103935129</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103935129</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 11:56:02 +0800</pubDate><description><![CDATA[document.activeElement.blur();

]]></description><category></category></item><item><title><![CDATA[video-js  m3u8视频播放 手机端微信点击播放禁止弹出全屏]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103934949</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103934949</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 11:51:05 +0800</pubDate><description><![CDATA[&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.4.1/video-js.min.css" rel="stylesheet"&gt;
&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.4.1/video.min.js"&gt;&lt;/...]]></description><category></category></item><item><title><![CDATA[通过css实现竖排文字扫光闪烁效果]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103934513</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103934513</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 11:13:42 +0800</pubDate><description><![CDATA[@-webkit-keyframes fontChange {
				0% {
					background-position: 0 0
				}
			
				100% {
					background-position: 0 -100%
				}
			}
			
.leftAside {
				position: absolute;
				top: 33%;
				left...]]></description><category></category></item><item><title><![CDATA[dropload上拉加载更多因footer高度导致内容无法触底导致加载异常问题]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103934192</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103934192</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 10:57:09 +0800</pubDate><description><![CDATA[代码如下：
		&lt;link rel="stylesheet" href="dist/dropload.css"&gt;
		...
			&lt;div class="content"&gt;
					&lt;div class="lists"&gt;
					      ...
					&lt;/div&gt;
			&lt;/div&gt;		

		&lt;script src=...]]></description><category></category></item><item><title><![CDATA[部署在IIS上的网页ajax请求json模拟数据时返回404]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103933955</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103933955</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 10:39:22 +0800</pubDate><description><![CDATA[最近在做项目的时候，数据没有从后台返回，而是自己在本地建了一个json，然后ajax请求这个json文件获取数据，在本地的时候，数据获取无误，放到服务器之后，就报如下错误：

检查路径什么的都没有问题，查找原因，原来是IIS不支持解析.json格式文件，需要手动设置：
打开IIS，双击MIME类型,鼠标右键点击“添加”，
关联扩展名：*.json
内容类型(MIME)：application/x-...]]></description><category></category></item><item><title><![CDATA[微信小程序--给button元素设置宽度不生效的解决办法]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103933815</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103933815</guid><author>web_start</author><pubDate>Sat, 11 Jan 2020 10:24:06 +0800</pubDate><description><![CDATA[把app.json里 “style”: “v2” 删除，再设置就可以了。

]]></description><category></category></item><item><title><![CDATA[秀米图文编辑对接UEditor富文本编辑器样式丢失]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103312319</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103312319</guid><author>web_start</author><pubDate>Fri, 29 Nov 2019 16:09:05 +0800</pubDate><description><![CDATA[接入秀米图文编辑  将秀米生成的图文排版内容粘贴（选择对勾后）到项目中UEditor富文本编辑器时，样式丢失，解决办法如下：

找到ueditor.config.js配置文件中xss过滤白名单部分，将section行修改为下图部分，不过滤class和style类型。

造成原因：section标签丢失了所有属性，而div、span等标签样式、类名都在，可能是ueditor的某种规则过滤了sect...]]></description><category></category></item><item><title><![CDATA[HTML iframe 标签禁止跳转页面]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103311713</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103311713</guid><author>web_start</author><pubDate>Fri, 29 Nov 2019 15:39:07 +0800</pubDate><description><![CDATA[iframe标签的属性：sandbox，启用一系列对 &lt;iframe&gt; 中内容的额外限制,有5个值：

&lt;iframe name="son" src="index.html" width="100%" height="100%" scrolling="auto" security="restricted"  sandbox="allow-top-navigation allo...]]></description><category></category></item><item><title><![CDATA[ios移动端软键盘弹起引起的提交按钮错位问题]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103311298</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103311298</guid><author>web_start</author><pubDate>Fri, 29 Nov 2019 15:15:34 +0800</pubDate><description><![CDATA[移动端表单元素（input,textarea等）聚焦时，软键盘弹起再收回，提交类按钮由此引起的错位问题，在表单元素失去焦点时，加入以下代码：


]]></description><category></category></item><item><title><![CDATA[网页中添加QQ在线客服]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/103310863</link><guid>https://blog.youkuaiyun.com/web_start/article/details/103310863</guid><author>web_start</author><pubDate>Fri, 29 Nov 2019 15:00:55 +0800</pubDate><description><![CDATA[方法一：调用本地已安装的QQ进行会话


其实这么写会有一个问题，如果对方不是你的好友，你需要添加好友等对方验证后才能发起对话。

方法二：腾讯的QQ在线-QQ通信组件







在线咨询

使用客服QQ登陆QQ推广页面：http://wp.qq.com/consult.html ，开通客服QQ通讯组件，一般登录进去就算开通了。

获得生成的代码，如果不需要QQ图标的话，只需要这个：htt...]]></description><category></category></item><item><title><![CDATA[微信公众号调取jssdk扫一扫功能，ios第一次进入页面调取失败（需刷新页面才能调取成功，Android正常）的解决方法]]></title><link>https://blog.youkuaiyun.com/web_start/article/details/90765505</link><guid>https://blog.youkuaiyun.com/web_start/article/details/90765505</guid><author>web_start</author><pubDate>Tue, 04 Jun 2019 11:16:22 +0800</pubDate><description><![CDATA[这里就直接写问题的关键了，前提操作可以直接访问微信js-sdk说明文档之JSSDK使用步骤。
问题主要是在微信公众号里面调取ssdk扫一扫功能，Android能正常掉取成功，ios第一次进入页面调取失败，需手动刷新一次页面才能调取成功。解决方法如下：


注意：ios第一次进入页面调取失败的原因主要在于传入的path路径

注意：一定要对path路径进行截取，取#号之前的部分，这就是ios第一次调...]]></description><category></category></item></channel></rss>