<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[potato_ubisoft的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/potato_ubisoft</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; potato_ubisoft]]></copyright><item><title><![CDATA[vue + openlayers参考资料记录]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/127104422</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/127104422</guid><author>potato_ubisoft</author><pubDate>Thu, 29 Sep 2022 12:01:38 +0800</pubDate><description><![CDATA[参考资料记录]]></description><category></category></item><item><title><![CDATA[Vue3 + ts踩坑记录]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/117123907</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/117123907</guid><author>potato_ubisoft</author><pubDate>Fri, 21 May 2021 15:49:03 +0800</pubDate><description><![CDATA[Vue3 + ts踩坑记录通过ref获取页面元素
通过ref获取页面元素
这个是个大坑，我目前是这样获取到的：

&lt;el-form
	ref="Form"
	:model="loginForm"
	:rules="loginRules"
&gt;
	...
	...
	&lt;!-- 密码 --&gt;
    &lt;el-form-item
    	prop="password"
    	key="password"
    &gt;
    	&lt;el-input
    		...
 ]]></description><category></category></item><item><title><![CDATA[记录：vue中实现点击复制文本]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/112258889</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/112258889</guid><author>potato_ubisoft</author><pubDate>Wed, 06 Jan 2021 10:20:52 +0800</pubDate><description><![CDATA[如题，使用document.execCommand()方法。该方法的copy与cut基本兼容所有主流浏览器。MDN详情点此。
//复制链接
  private copyPath(link:string) {
    let copyInput = document.createElement("input");
    copyInput.value = link;
    // copyInput.setAttribute('readonly', 'readonly');//避免ios端聚焦引起的白屏抖动]]></description><category></category></item><item><title><![CDATA[记录：input框输入限制]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/111150928</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/111150928</guid><author>potato_ubisoft</author><pubDate>Mon, 14 Dec 2020 10:24:59 +0800</pubDate><description><![CDATA[限制只能输入数字
&lt;input oninput="value=value.replace(/[^\d]/g,'')"/&gt;

限制只能输入字母和汉字
&lt;input oninput="value=value.replace(/[\d]/g ,'')"/&gt;

限制只能输入英文字母和数字,不能输入中文 (有些许问题)
&lt;input oninput="value=value.replace(/[^\w\.\/]/ig,'')"/&gt;


...]]></description><category></category></item><item><title><![CDATA[记录：el-input设置type为number时，切换为中文输入法输入会让光标上移的问题解决]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/110371229</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/110371229</guid><author>potato_ubisoft</author><pubDate>Mon, 30 Nov 2020 10:15:55 +0800</pubDate><description><![CDATA[如题，解决方法为给input设置line-height:1;

]]></description><category></category></item><item><title><![CDATA[记录：前端调接口取得的数据与后端数据库中的不一致(18位整数)]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/109679173</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/109679173</guid><author>potato_ubisoft</author><pubDate>Fri, 13 Nov 2020 17:25:05 +0800</pubDate><description><![CDATA[后台定义的长整形返回给前端时，因为js 可表示的安全值为2^54-1，只要后台返回的整型数值超过了这个值就有可能会导致解析错误。
解决方法：不要用太长的整形或者用字符串

]]></description><category></category></item><item><title><![CDATA[记录：echart使用无法出现legend的问题]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/109598605</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/109598605</guid><author>potato_ubisoft</author><pubDate>Tue, 10 Nov 2020 14:46:26 +0800</pubDate><description><![CDATA[如题，使用饼状图的时候跟官网的一模一样但死活不出现legend。

上图为官网例子。下图为自己代码中一模一样的代码的图：
找了很长时间没找出原因，后来发现是因为没有导入legend导致的。
require("echarts/lib/component/legend");

之后就出现了


...]]></description><category></category></item><item><title><![CDATA[记录：Elementui的el-date-picker限制开始时间小于结束时间、结束时间大于开始时间]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/109307584</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/109307584</guid><author>potato_ubisoft</author><pubDate>Tue, 27 Oct 2020 11:33:43 +0800</pubDate><description><![CDATA[&lt;!-- 开始时间 --&gt;
      &lt;el-form-item :label="$t('AlarmList.startTime')" prop="startTime"&gt;
        &lt;el-date-picker
          v-model="queryParams.startTime"
          value-format="yyyy-MM-dd HH:mm:ss"
          type="datetime"
          :...]]></description><category></category></item><item><title><![CDATA[Kurento Utils JS使用时视频无法播放的坑]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108833294</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108833294</guid><author>potato_ubisoft</author><pubDate>Sun, 27 Sep 2020 18:01:54 +0800</pubDate><description><![CDATA[如题
需要设置video标签的autoplay属性，否则无法播放。
&lt;video ref="videoPanel" :id="`video${deviceId}`" autoplay class="player__video"&gt;&lt;/video&gt;


]]></description><category></category></item><item><title><![CDATA[记录：el-progress渐变色进度条]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108792878</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108792878</guid><author>potato_ubisoft</author><pubDate>Fri, 25 Sep 2020 11:23:06 +0800</pubDate><description><![CDATA[渐变色进度条
/* 渐变进度条 */
::v-deep .el-progress-bar__inner{
  background-color: unset;
  background-image: linear-gradient(to right, #3587d8 , #6855ff);
}


]]></description><category></category></item><item><title><![CDATA[js中字符串的替换]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108579150</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108579150</guid><author>potato_ubisoft</author><pubDate>Mon, 14 Sep 2020 14:53:32 +0800</pubDate><description><![CDATA[多个字符的替换
str.replace("","")只会替换第一次匹配到的字符。
使用正则则可以替换匹配到的所有字符。
例：
let str = "aabbccaadsda135";
str.replace("a","A"); //Aabbccaadsda135

// /g表示替换所有字符串
str.replace(/a/g,"A");//AAbbccAAdsdA135


...]]></description><category></category></item><item><title><![CDATA[记录：vue+axios下载后台的zip包]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108545156</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108545156</guid><author>potato_ubisoft</author><pubDate>Sat, 12 Sep 2020 09:22:55 +0800</pubDate><description><![CDATA[private downloadZip(params:any) {
    axios({
      method: "GET",
      url: "/log/export",
      params:params,
      responseType: "blob"
    }).then(res=&gt;{
      let blob = new Blob([res.data], {type: "application/zip"}) //new一个二进制对象
      let url..]]></description><category></category></item><item><title><![CDATA[正则表达式学习]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108075616</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/108075616</guid><author>potato_ubisoft</author><pubDate>Tue, 18 Aug 2020 13:59:28 +0800</pubDate><description><![CDATA[学习正则表达式的时候看到一篇很好的文章。收藏一下，点我

]]></description><category></category></item><item><title><![CDATA[flv.js问题]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/107261991</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/107261991</guid><author>potato_ubisoft</author><pubDate>Fri, 10 Jul 2020 19:05:56 +0800</pubDate><description><![CDATA[记录：解决flvjs在弹出层甘比后还在占用资源的问题
可以直接移除流
    endFlvVideo() {
      this.flvPlayer.destroy();
      this.flvPlayer = null;
    }


]]></description><category></category></item><item><title><![CDATA[Vue+Typescript记录]]></title><link>https://blog.youkuaiyun.com/potato_ubisoft/article/details/107235769</link><guid>https://blog.youkuaiyun.com/potato_ubisoft/article/details/107235769</guid><author>potato_ubisoft</author><pubDate>Thu, 09 Jul 2020 19:14:12 +0800</pubDate><description><![CDATA[记录：解决Vue项目引入typescript后不改动以前的内容出现的问题报错：TypeScript emitted no output for
报错：TypeScript emitted no output for
解决方法：
ts混入的方法：https://www.cnblogs.com/zhongchao666/p/11207117.html
解决问题的方法：https://stackoverflow.com/questions/54413763/trading-view-typescript-emit]]></description><category></category></item></channel></rss>