<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Console_DS的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Console_DS</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Console_DS]]></copyright><item><title><![CDATA[在vue项目中试用el-upload上传预览tif/tiff文件]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/116128801</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/116128801</guid><author>Console_DS</author><pubDate>Sun, 25 Apr 2021 14:50:20 +0800</pubDate><description><![CDATA[依赖：
tiff.js
思路：
1、使用 scoped-slot 去设置缩略图模版。
2、在缩略图自定义插槽中，试用tiff.js将图片转换显示。
问题：
由于tiff.js转换tif/tiff格式的图片的时候是异步的，所以自定义一个支持异步加载图片的组件
代码：
定义一个可以异步加载图片的组件（thumbnail.vue）
&lt;template&gt;
  &lt;div&gt;
    &lt;img class="el-upload-list__item-thumbnail" :src="src.]]></description><category></category></item><item><title><![CDATA[使用Object.defineProperty()方法的时候，报错Uncaught TypeError: Invalid property descriptor. Cannot...]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/114081408</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/114081408</guid><author>Console_DS</author><pubDate>Thu, 25 Feb 2021 14:30:37 +0800</pubDate><description><![CDATA[使用Object.defineProperty()方法的时候，报错VM5027:1 Uncaught TypeError: Invalid property descriptor. Cannot both specify accessors and a value or writable attribute的原因
value和 get 是同一个作用，只能同时用一个。
writable和set是同一个作用，用一个。
Object.defineProperties(obj, {
   	'address': {]]></description><category></category></item><item><title><![CDATA[turf之计算polygon或linestring的自交点]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/113752493</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/113752493</guid><author>Console_DS</author><pubDate>Mon, 08 Feb 2021 10:11:49 +0800</pubDate><description><![CDATA[kinks
接口介绍
计算并返回linestring , multi-linestring , multi-polygon , or polygon所有的自交点。
返回值（FeatureCollection &lt; Point &gt;）
所有的自交点
示例
var poly = turf.polygon([[
  [-12.034835, 8.901183],
  [-12.060413, 8.899826],
  [-12.03638, 8.873199],
  [-12.059383, 8.8714]]></description><category></category></item><item><title><![CDATA[turf之计算两个polygon的重叠部分]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/113752453</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/113752453</guid><author>Console_DS</author><pubDate>Mon, 08 Feb 2021 10:10:52 +0800</pubDate><description><![CDATA[intersect
接口介绍
计算两个多边形的交点，如果它们公用了一条边，那么返回这个边线，如果没有交点，则返回null。
返回值（Feature|null）
如果相交的是点，则返回（Point或者MultiPoint）
如果相交的是边，则返回（LineString或者MultiLineString）
如果相交的是区域，则返回（Polygon或者MultiPolygon）
如果没有相交，则返回null
示例
var poly1 = turf.polygon([[
  [-122.801742, 45.485]]></description><category></category></item><item><title><![CDATA[js自定义事件]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/113752439</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/113752439</guid><author>Console_DS</author><pubDate>Mon, 08 Feb 2021 10:09:17 +0800</pubDate><description><![CDATA[背景
前几天在编写一个需求的时候，遇到了这么一个需求：通过鼠标点击事件自动触发项目中已有的键盘监听事件，刚开始自己一度以为没有办法实现，但是问度娘的过程中，偶然间发现，是不是可以使用dispatchEvent方法派发事件尝试一下呢？o(￣▽￣)ブ。行不行光靠想是不行的，立马打开VSCode，写了一段测试代码，居然成功触发了╰(°▽°)╯，下面就是我的测试代码，大家共同学习。
测试代码
一、首先写一个div标签，监听点击事件
    &lt;div id="id" style="width:100px; he]]></description><category></category></item><item><title><![CDATA[javascript之break]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/113752417</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/113752417</guid><author>Console_DS</author><pubDate>Mon, 08 Feb 2021 10:08:07 +0800</pubDate><description><![CDATA[用途
单独使用break语句的作用是立即退出最内层的循环或switch语句，它的语法如下:
break;

其他用途习以为常，此处就不再记录，主要记录一下其在嵌套循环中的使用。
用例
从上面的用途中我们可以看到，在嵌套循环中，如果break语句单独使用的话，它只能终止最内层的循环。那如果我们需要在一个嵌套循环中找一个数组中某一个元素，找到了之后就立即终止循环，如下所示：
for(let i=0;i&lt;a.length;i++&gt;){
    for(let j;j&lt;b.length;j++){]]></description><category></category></item><item><title><![CDATA[Error: [$rootScope:inprog]http://errors.angularjs.org/1.5.8/$rootScope/inprog?p0=%24apply 解决方案]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/113752377</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/113752377</guid><author>Console_DS</author><pubDate>Mon, 08 Feb 2021 10:07:03 +0800</pubDate><description><![CDATA[报错信息
Error: [$rootScope:inprog]http://errors.angularjs.org/1.5.8/$rootScope/inprog?p0=%24apply

报错原因
如果使用以下代码提交变量更改。
$scope.$apply();

AngularJS报如上错误信息时，代表angular说它已经在处理脏数据了，你别老催他。实际上是起冲突了。
解决方案
使用如下代码异步提交就ok。
$scope.$applyAsync();


...]]></description><category></category></item><item><title><![CDATA[JavaScript数组中的slice()和aplice()方法的区别]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/89322847</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/89322847</guid><author>Console_DS</author><pubDate>Mon, 15 Apr 2019 23:21:09 +0800</pubDate><description><![CDATA[背景

由于在面试的时候在这个问题上吃了亏，当时的那个尴尬呀，自己明知道是很基础的知识，但是由于平时用的比较少，居然没有回答上来，特此在这里做一个记录，记住当时那个面试尴尬的教训！

区别

Array.slice()

Array.slice()方法返回指定数组的一个片段或者子数组。它的两个参数分别指定了片段的开始和结束的位置。返回的数组包含第一个参数指定的位置和所有到但不包含第二个参数指定的位...]]></description><category></category></item><item><title><![CDATA[Openlayer3之如何查看以前版本的API]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/81152216</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/81152216</guid><author>Console_DS</author><pubDate>Sun, 22 Jul 2018 10:22:15 +0800</pubDate><description><![CDATA[这是Openlayers3最新版本的API的访问地址：http://openlayers.org/en/latest/apidoc/

这是Openlayers3历史版本的API的访问地址：http://openlayers.org/en/v3.19.1/apidoc/ol.html?stableonly=true

备注：查看历史版本的API的时候，只需将最新版本API的访问地址的latest改...]]></description><category></category></item><item><title><![CDATA[Ubuntu Kylin系统中安装qt开发环境]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/79254916</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/79254916</guid><author>Console_DS</author><pubDate>Sun, 04 Feb 2018 21:14:05 +0800</pubDate><description><![CDATA[如果虚拟机上面可以联网，直接在qt的官网上面下载所需版本的qt安装包（后缀为.run格式的），下载完成之后直接在终端输入命令./qt安装包全称（如./qt-opensource-linux-x64-5.6.sun），按回车开始安装。如果虚拟机不能联网，那就从别的机器上面下载好安装包之后拷贝到上面讲到的共享文件夹里，然后在终端输入命令cd .mnt/hgfs/共享文件夹名称（02-qt模块安装包）。...]]></description><category></category></item><item><title><![CDATA[Ubuntu Kylin虚拟系统与宿主计算机之间的文件共享]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/79254855</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/79254855</guid><author>Console_DS</author><pubDate>Sun, 04 Feb 2018 21:08:01 +0800</pubDate><description><![CDATA[安装VMware Tools，在VMware面板上选择“虚拟机-重新安装VMware
 tools…”，如下图所示：



在这里VMware虚拟了一个光盘镜像，我们需要把这个镜像挂载到本机的/mnt目录下面；我们不妨建立一个子目录，按Ctrl+Alt+T，打开终端复习一下linux命令吧。首先要切换到root权限，这也是Ubuntu的一大特点，防止滥改linux的配置。命令如下：
s]]></description><category></category></item><item><title><![CDATA[Ubuntu Kylin虚拟机安装]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/79254783</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/79254783</guid><author>Console_DS</author><pubDate>Sun, 04 Feb 2018 20:56:57 +0800</pubDate><description><![CDATA[打开VMware Workstation Pro，然后依次打开【文件】->【新建虚拟机】，如下图。



选择自定义（高级）（C），点击【下一步】

硬件兼容性选择Workstation 12.0，点击【下一步】，如下图。



选择Ubuntu Kylin的ISO镜像文件，点击【下一步】，如下图。



填写Ubuntu系统安装信息，点击【下一步】，如下图。

]]></description><category></category></item><item><title><![CDATA[Ubuntu Kylin中解决qt加载mysql数据库失败的问题]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/79243819</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/79243819</guid><author>Console_DS</author><pubDate>Fri, 02 Feb 2018 22:40:15 +0800</pubDate><description><![CDATA[最近在使用qtcreate连接数据库的时候，出现了下图的错误，针对该错误，我在此给出解决方案，希望可以帮到大家。



①  分析错误原因
由QSqlDataBase:availbase drivers:QSQLITE QMYSQLQMYSQL3 QPSQL QPSQL7这句话可以看出，没有正确的加载驱动并不是由于缺少驱动导致，因此可能是由于驱动不是最新的导致，下面验证是不是真是这样。]]></description><category></category></item><item><title><![CDATA[OpenLayers3之根据范围设置地图缩放级别]]></title><link>https://blog.youkuaiyun.com/Console_DS/article/details/78589563</link><guid>https://blog.youkuaiyun.com/Console_DS/article/details/78589563</guid><author>Console_DS</author><pubDate>Tue, 21 Nov 2017 10:13:13 +0800</pubDate><description><![CDATA[OpenLayers3根据范围设置地图缩放级别/*两种方式*/
//第一种
var r=map.getView().getResolutionForExtent(extent,map.getSize());
map.getView().setResolution(r);
map.getView().setCenter(ol.extent.getCenter(extent));
//第二种
...]]></description><category></category></item></channel></rss>