<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[chaoyang89111的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/chaoyang89111</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; chaoyang89111]]></copyright><item><title><![CDATA[unexpected Use of undefined Variable (no-undefined)]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/99824089</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/99824089</guid><author>chaoyang89111</author><pubDate>Tue, 20 Aug 2019 10:29:16 +0800</pubDate><description><![CDATA[/*eslint no-undefined: "error"*/

var foo = undefined;

var undefined = "foo";

if (foo === undefined) {
    // ...
}

function foo(undefined) {
    // ...
}



当做这种判断时会报标题中的错误, 因为undefined可以为重写, 所...]]></description><category></category></item><item><title><![CDATA[IDEA中的.iml文件和.idea文件夹]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/98095613</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/98095613</guid><author>chaoyang89111</author><pubDate>Thu, 01 Aug 2019 19:52:03 +0800</pubDate><description><![CDATA[刚使用IDEA，发现在目录结构中存在.iml文件和.idea文件夹。这些到底是什么文件呢？

iml是 intellij idea的工程配置文件，里面是当前project的一些配置信息。.Idea存放项目的配置信息，包括历史记录，版本控制信息等。

这些文件是可以配置隐藏的：点击file-&gt;Settings-&gt;File types,在右下角的Ignore files and folde...]]></description><category></category></item><item><title><![CDATA[Java：String转Double]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/97807150</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/97807150</guid><author>chaoyang89111</author><pubDate>Tue, 30 Jul 2019 18:27:04 +0800</pubDate><description><![CDATA[String转Double：


String ss = "123456789";
double value = Double.valueOf(ss.toString());

Object转Double：


Map&lt;String,Object&gt; map = new HashMap&lt;String,Object&gt;();
map.put("order",1.245);
B...]]></description><category></category></item><item><title><![CDATA[WebStorm常用功能的使用技巧分享]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/97394537</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/97394537</guid><author>chaoyang89111</author><pubDate>Fri, 26 Jul 2019 16:18:51 +0800</pubDate><description><![CDATA[现在流行VUE，也渐渐习惯使用webstorm来开发前端项目，这里记录下使用技巧。

WebStorm 是 JetBrain 公司开发的一款JavaScript IDE，使用非常方便，可以使编写代码过程更加流畅。

本文在这里分享一些常用功能的使用技巧，希望能帮助大家更好的使用这款强大的 JavaScript 开发工具。

代码编辑

代码跳转: Ctrl + 左键 或者 Ctrl + B，可以...]]></description><category></category></item><item><title><![CDATA[HTML跨域iframe父子方法互调（postMessage）]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/95087200</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/95087200</guid><author>chaoyang89111</author><pubDate>Mon, 08 Jul 2019 19:19:33 +0800</pubDate><description><![CDATA[碰到了一个跨域iframe父子页面方法互调的问题，网上查了下使用H5自带的postMessage可解决问题，这里填下坑，分析下如何应用。

A.html页面是父页面

B.html页面是子页面

1、A页面要调B页面的方法

在A页面中传递参数方法如下：


document.getElementById('childPage').contentWindow.postMessage({data:o...]]></description><category></category></item><item><title><![CDATA[人员走动轨迹展示——小人走动行走动画]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/92831461</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/92831461</guid><author>chaoyang89111</author><pubDate>Wed, 19 Jun 2019 15:03:02 +0800</pubDate><description><![CDATA[曾想过把轨迹中人员行走做成动画效果，一直没找到好的办法，现在找到一个开源使用openlayers开发的动画，但是该动画是飞机飞行，需要稍作修改，将飞机换成小人的64向图。需要调整的部分为：

1、飞机不分左右，调整为人需要做相应修改

2、人员脚步切换跟向前走动速度需要匹配，不然会有些奇怪，像飘移一样。

另外：

1、文中的ol_ext.js是另外一个比较好用的openlayers插件。o...]]></description><category></category></item><item><title><![CDATA[地图权限控制——美化完善]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/92795583</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/92795583</guid><author>chaoyang89111</author><pubDate>Tue, 18 Jun 2019 16:40:34 +0800</pubDate><description><![CDATA[https://blog.youkuaiyun.com/chaoyang89111/article/details/89471123中介绍了地图遮罩即地图权限控制的方法，但是比较粗糙，本文讲下美化过程。

先上结果：





主要是对边界线进行了美化及平滑，达到这种悬浮的效果。主要修改的代码如下：


function createClip(coords, canvas,type) {
    for ...]]></description><category></category></item><item><title><![CDATA[openlayers热力图]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/91411406</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/91411406</guid><author>chaoyang89111</author><pubDate>Tue, 11 Jun 2019 09:26:26 +0800</pubDate><description><![CDATA[直接上代码：


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Earthquakes heatmap&lt;/title&gt;
&lt;script src="js/jquery.js"&gt;&lt;/script&gt;
&lt;link rel="js/ol.css" type="text/css"&gt;...]]></description><category></category></item><item><title><![CDATA[openlayers图标拖动获取坐标]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/91045638</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/91045638</guid><author>chaoyang89111</author><pubDate>Thu, 06 Jun 2019 16:10:43 +0800</pubDate><description><![CDATA[本文所涉及的技术如下：

openlayers加载国家天地图和浙江天地图，

图标拖动获取位置，

openlayers动画。

效果如下：



代码如下：


var map;

var dataResult;
var app = {};


  /**
   * @constructor
   * @extends {ol.interaction.Pointer}
   */
  app....]]></description><category></category></item><item><title><![CDATA[A* 寻路算法，通俗易懂]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90898933</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90898933</guid><author>chaoyang89111</author><pubDate>Wed, 05 Jun 2019 11:05:19 +0800</pubDate><description><![CDATA[觉得这篇文章写得不错，转发一下方便查阅。

A* 算法是一种解决图遍历问题的计算机算法，在电子游戏中最主要的应用是寻找地图上两点间的最佳路线。



为了便于理解，本文将以正方形网格地图为例进行讲解。

如图，蓝色格子是障碍物，灰色格子是可通过区域，绿色格子是起点（S），红色格子是终点（D）。我们要做的是找到一条从起点到终点的最佳路线。



为了顺利地解决问题，我们先要设定一些约束条件：


	...]]></description><category></category></item><item><title><![CDATA[jquery 图片上传预览功能的实现]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90769679</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90769679</guid><author>chaoyang89111</author><pubDate>Tue, 04 Jun 2019 15:31:12 +0800</pubDate><description><![CDATA[效果如下，可以设置最大上传张数，可以点击放大镜预览，点击删除按钮删除，有图片的话可以加载。



使用方法如下：

在需要上传图片的地方插入如下html：


`&lt;p&gt;&lt;span class="left-title"&gt;${key}:&lt;/span&gt;
	&lt;div class="form-group form-item" flex="cross:top"&gt;...]]></description><category></category></item><item><title><![CDATA[记录openlayers遇到的坑——openlayers聚类cluster无法显示]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90715357</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90715357</guid><author>chaoyang89111</author><pubDate>Fri, 31 May 2019 14:19:06 +0800</pubDate><description><![CDATA[今日发现有些点位不使用cluster时可以显示点位，但是使用cluster，却不能显示聚类，后来发现是因为坐标取得是字符串形式。在openlayers中加载点位的时候字符串也可以，但是聚类中不可以！所以尽量读取坐标时使用number，不要使用string类型。


...]]></description><category></category></item><item><title><![CDATA[Echarts GL 3d地图初体验，浙江天地图作为底图mapbox]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90715135</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90715135</guid><author>chaoyang89111</author><pubDate>Fri, 31 May 2019 14:07:22 +0800</pubDate><description><![CDATA[网上看到一张图效果非常好，斜45度角模式的3d地图，用在大屏模式上非常有科技感，高端大气上档次。



于是，研究了下怎么做，发现Echarts GL能做出相似的描边3D效果，地图可以加载浙江天地图（如下图）。



下面更新代码：


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;title&gt;3D&lt;/title&gt...]]></description><category></category></item><item><title><![CDATA[webgis优化总结分析]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90518465</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90518465</guid><author>chaoyang89111</author><pubDate>Fri, 24 May 2019 16:18:54 +0800</pubDate><description><![CDATA[openlayers加载数据量大时需要优化。

查询优化：索引，分段（轨迹按时间或者按人员分段）

传输优化：缓存技术

渲染优化：降低图像质量，减少数据属性（只查询必要属性），减少数据量（聚类、抽希，按缩放图层控制抽希比例）



轨迹的抽希聚类剔除无用数据；



缩放或拖动会重新加载stylefunction，即重新渲染，所以marker量大时要注意。
...]]></description><category></category></item><item><title><![CDATA[三维之矩阵入门——非常基础的矩阵知识]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90481991</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90481991</guid><author>chaoyang89111</author><pubDate>Thu, 23 May 2019 15:53:13 +0800</pubDate><description><![CDATA[矩阵是数的排列：

矩阵（这矩阵有2行和3列）

下面说些矩阵的基本运算

加

把两个矩阵相加：把对称位置的数相加：



两个矩阵一定要大小相同，就是说，行要一样大小，列也要一样大小。比如具有3 行和5 列的矩阵可以和另一个有3 行和5 列的矩阵相加。

但它不能和有3 行和4 列的矩阵相加（列的大小不同）

减

把两个矩阵相减：把对称位置的数相减（图里加号写错了应该是...]]></description><category></category></item><item><title><![CDATA[Vue入门系列之Vue实例详解与生命周期-非常详细]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90480018</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90480018</guid><author>chaoyang89111</author><pubDate>Thu, 23 May 2019 14:33:29 +0800</pubDate><description><![CDATA[Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。

5.1. Vue实例初始化的选项配置对象详解

前面我们已经用了很多次new Vue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、...]]></description><category></category></item><item><title><![CDATA[记录openlayers遇到的坑——openlayers4.X无法正确加载比例尺]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/90030582</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/90030582</guid><author>chaoyang89111</author><pubDate>Thu, 09 May 2019 13:28:09 +0800</pubDate><description><![CDATA[首先，这确实是openlayers4.X的bug。

ol.js 461行删除了"degrees"!=e&amp;&amp;(b*=d.Bc())即可，这不是完美解决方案，只适用于经纬度系统。
]]></description><category></category></item><item><title><![CDATA[记录openlayers遇到的坑——有岛区域无法添加地名]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/89632129</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/89632129</guid><author>chaoyang89111</author><pubDate>Sun, 28 Apr 2019 09:53:29 +0800</pubDate><description><![CDATA[添加边界线的styleFunction代码如下，完全没问题。


var styleFunction = function(feature, resolution) {
	var name=feature.get('name');
	var color='rgba(32, 48, 103, 0.3)';
   
	var areaLineStyle = new ol.style.Style({
...]]></description><category></category></item><item><title><![CDATA[合并两个有序数组并去除重复元素的算法实现]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/89608442</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/89608442</guid><author>chaoyang89111</author><pubDate>Sat, 27 Apr 2019 22:20:54 +0800</pubDate><description><![CDATA[模仿dbscan聚类算法过滤清洗轨迹数据中要进行合并聚类操作，实际上就是两个有序数组的合并去重。

例如:

聚类A:[2588,2586,2585,2584,2583,2582,2581,2580,2579,2578,2575,2574,2571,2570,2569,2568,2567,2566,2565,2564]

聚类B:[2484,2483,2482,2481,2480,2474,247...]]></description><category></category></item><item><title><![CDATA[GIS基础算法其二-----判断两线段是否相交]]></title><link>https://blog.youkuaiyun.com/chaoyang89111/article/details/89608092</link><guid>https://blog.youkuaiyun.com/chaoyang89111/article/details/89608092</guid><author>chaoyang89111</author><pubDate>Sat, 27 Apr 2019 21:49:11 +0800</pubDate><description><![CDATA[第1步：快速排斥试验

这一步是为了快速排除不相交的一种特殊情况。

第2步：确定每条线段是否“跨立”另一条线段所在的直线。

跨立的定义为：如果点P1处于直线P3P4的一边，而P2处于该直线的另一边，则我们说线段p1p2跨立直线P3P4，如果P1或P2在直线P3P4上，也算跨立。
...]]></description><category></category></item></channel></rss>