<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Swampis的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Swampis</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Swampis]]></copyright><item><title><![CDATA[01、vue+openlayers6实现自定义测量功能（提供源码）]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/138667868</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/138667868</guid><author>Swampis</author><pubDate>Fri, 10 May 2024 15:25:55 +0800</pubDate><description><![CDATA[在组件的monted中调用 initDrawLayer(map);]]></description><category></category></item><item><title><![CDATA[c语言笔记]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/119949407</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/119949407</guid><author>Swampis</author><pubDate>Fri, 27 Aug 2021 11:36:10 +0800</pubDate><description><![CDATA[1.scanf输入语句中"\n"表示的不是换行符，而是过滤空格、制表符、回车等输入；
]]></description><category></category></item><item><title><![CDATA[Vue自定义指令实现弹出框可拖拽可放大缩小效果]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/117223798</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/117223798</guid><author>Swampis</author><pubDate>Mon, 24 May 2021 15:03:03 +0800</pubDate><description><![CDATA[##一、使用场景



​最近开发一个项目，有一个需求，实现弹出框可拖拽可放大缩小。翻阅vue2官方文档和问度娘，发现可以用vue的自定义指令实现，所以把挣个过程记录在这篇文章中，供其它小伙伴参考使用。



##二、自定义指令基础知识



​当我们在开发过程中需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。



自定义指令的钩子函数及其参数，且看官方文档介绍：

一个指令定义对象可以提供如下几个钩子函数(均为可选)：

bind：只调用...]]></description><category></category></item><item><title><![CDATA[vue+openlayers6实现卷帘功能（自定义滑块样式）]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/116226744</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/116226744</guid><author>Swampis</author><pubDate>Wed, 28 Apr 2021 10:37:09 +0800</pubDate><description><![CDATA[话不多说直接贴代码，有需要的小伙伴可以拿去直接用。


&lt;template&gt;
    &lt;div class="newmap"&gt;
        &lt;div class="map" id="map" onselectstart="return false"&gt;
            &lt;div id="swipeContainer" @mousemove="move"&gt;
                &lt;div id="swipeDiv"&gt;
      ]]></description><category></category></item><item><title><![CDATA[vue中data定义的若干事项]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/116020526</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/116020526</guid><author>Swampis</author><pubDate>Thu, 22 Apr 2021 17:08:53 +0800</pubDate><description><![CDATA[vue项目中引用其它框架时在某些页面老是崩溃和卡顿，一般Vue项目内存泄露常发生在某些地方我们引用的第三方库自己创建和维护了DOM，所以Vue在页面卸载时虽然这些对象的引用都释放了，但是因为这些对象自身关联了DOM所以内存无法释放，但是我们项目中已经在destroyed 阶段做了内存释放。

不要轻易把框架中的对象放在data中监听，因为在data中的变量 ，vue会劫持数据 ，导致迟缓。
	vue组件的data选项，只存储和UI关联的数据，没关联的一定不要存储在data选项里面，提出Vue对象作用域。
	]]></description><category></category></item><item><title><![CDATA[vue+ol6.1.1+es6加载wfs出现：Uncaught TypeError: layer.getLayerStatesArray is not a function，报错]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/114701689</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/114701689</guid><author>Swampis</author><pubDate>Fri, 12 Mar 2021 17:35:32 +0800</pubDate><description><![CDATA[1.注意es6引入的方式。有可能引入接口错误。

2.刚开始考虑是layerswitch插件引入有冲突的问题。
]]></description><category></category></item><item><title><![CDATA[vue+openlayers渲染多个map注意事项]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/113335014</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/113335014</guid><author>Swampis</author><pubDate>Thu, 28 Jan 2021 13:56:53 +0800</pubDate><description><![CDATA[vue的monted函数中，在多个dom中定义完相应map对象后，应当将该组件渲染后，在进行隐藏，以便下次调用渲染完后的map;
]]></description><category></category></item><item><title><![CDATA[Postgresql打开PgAdmin4后网页一直加载进不去配置面板的解决方案]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/112555245</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/112555245</guid><author>Swampis</author><pubDate>Wed, 13 Jan 2021 10:40:20 +0800</pubDate><description><![CDATA[打开PgAdmin后出现如下图所示状况



解决方法：

打开注册表：HKEY_CLASSES_ROOT\.js\Content Type

修改相应的Content Type选项的配置将text/plain修改为text/javascript.

重新启动相应的PgAdmin4即可。
]]></description><category></category></item><item><title><![CDATA[c#学习教程（三）关于VS的使用技巧及快捷键]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/112344132</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/112344132</guid><author>Swampis</author><pubDate>Fri, 08 Jan 2021 08:34:42 +0800</pubDate><description><![CDATA[1、启动VS a、双击图标 b、调出cmd，输入 devenu

2、运行程序的两种方式 a、点击绿色的启动按钮 b、使用快捷键F5 运行程序

3、生成解决方案 使用 F6帮助我们排查语法错误。

4、右键解决方案，选择相应的多项目启动方式为“当前选定内容”

5、//:文档注释

6、CTRL+k 单行注释

7、ctrl+鼠标滚轮使其字体增大/

8、Ctrl+K+D：快速对齐代码

9、Ctrl+Z：撤销

10、Ctrl+S：保存

11、Ctrl+J：快速弹出智能提示

12、Shift+End]]></description><category></category></item><item><title><![CDATA[c#学习教程（2）c#书写代码的规范]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/112344106</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/112344106</guid><author>Swampis</author><pubDate>Fri, 08 Jan 2021 08:31:25 +0800</pubDate><description><![CDATA[1、代码中出现的所有标点都是英文半角 shift键快速切换中文半角和英文半角 shift+空格 切换全角/半角

2、在c#代码中，每行代码的结束，我们都以分号结束，注意：这个分号也是英文半角的分号。

3、Console.WriteLine("要打印的内容");
...]]></description><category></category></item><item><title><![CDATA[c#学习（一）c#、.Net平台和.Net FrameWork的区别与联系]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/112313422</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/112313422</guid><author>Swampis</author><pubDate>Thu, 07 Jan 2021 15:45:24 +0800</pubDate><description><![CDATA[.Net 平台相当于是厨房。材米油盐酱醋茶相当于是.Net FrameWork，他使厨房丰富了起来。.net包含.Net FrameWork；

  .Net FrameWork框架是.Net平台中不可缺少的一部分，它提供了一个稳定的运行环境来保证我们基于.Net平台开发的各种应用能够正常运.转。.Net FrameWork包括CLR（公共语言运行时）和.Net类库；

  C#:是一种编程语言，可以开发基于.Net平台的应用。
...]]></description><category></category></item><item><title><![CDATA[Vue+Element实时局部刷新表格某一行的样式和属性值（带源码）]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/106408213</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/106408213</guid><author>Swampis</author><pubDate>Thu, 28 May 2020 16:46:08 +0800</pubDate><description><![CDATA[使用场景分析，要求提交数据表中修改的某行数据，实时刷新该行数据的状态，该行的某条属性是根据条件渲染的。

el-table部分：


&lt;el-table-column label="关联状态" width="100"&gt;
   &lt;template slot-scope="scope"&gt; 
       &lt;el-tag
          :type="scope.row.status === 'true' ? 'success' : 'info'"
   ...]]></description><category></category></item><item><title><![CDATA[Vue+Element中的表格根据属性值来渲染不同的样式]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/106336932</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/106336932</guid><author>Swampis</author><pubDate>Mon, 25 May 2020 16:51:34 +0800</pubDate><description><![CDATA[&lt;el-table-column label="当前"
   prop="status"&gt;
    &lt;template slot-scope="scope"&gt;
        &lt;span :style="{ color: scope.row.status === 1 ? '#cccccc' : '#ED3F14' }"&gt;{{ scope.row.status === 1 ? '男' : '女' }}&lt;/span&gt;
    &lt;/template&gt;
.]]></description><category></category></item><item><title><![CDATA[Idea从零开始Springboot开发RESTFUL风格接口（一）]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/106288218</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/106288218</guid><author>Swampis</author><pubDate>Fri, 22 May 2020 17:47:32 +0800</pubDate><description><![CDATA[jdk1.8 idea2019

一、初始化工程
]]></description><category></category></item><item><title><![CDATA[拼接两个有相同属性值数组的实现]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/106284500</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/106284500</guid><author>Swampis</author><pubDate>Fri, 22 May 2020 17:21:03 +0800</pubDate><description><![CDATA[最近公司的项目需要对接合作单位的数据库里面的信息，再对接的过程中需要用到双重for循环，遇到好多坑，希望能给其他的小伙伴提供点思路和解决方案。

    下边是两个数组,a数组中的对象有id和value两个键值，b数组中interid是绑定的a数组中的id值。我们现在想实现的功能是根据a数组的id值判断b数组interid值是否匹配，若匹配将该条数据写入到a数组的新的属性中，从而形成新的数组c。


let a = [{id:"1",value:"aaa"},{id:"12",valu...]]></description><category></category></item><item><title><![CDATA[ES6中的class(二)]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/105575951</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/105575951</guid><author>Swampis</author><pubDate>Fri, 17 Apr 2020 11:10:04 +0800</pubDate><description><![CDATA[class类中的公有（public）和私有（private）字段声明是一个JavaScript标准委员会TC39提议的试验性功能 （第3阶段）。这项功能在浏览器中的支持还受限，但你可以通过Babel等构建系统来使用它。参见下面的兼容性信息。

公有字段

静态公有字段和实例公有字段都是可编辑的，可遍历的，可配置的。它们本身不同于私有对应值（private counterparts）的是，它们参与原...]]></description><category></category></item><item><title><![CDATA[ES6中的class(一）]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/105575931</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/105575931</guid><author>Swampis</author><pubDate>Fri, 17 Apr 2020 11:08:57 +0800</pubDate><description><![CDATA[ECMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。JavaScript中的类实际上是个“特殊的函数”，就像你能够定义的函数表达式和函数声明一样，类语法有两个组成部分：类表达式和类声明。

一,组成部分

*本部分主要理解类的声明提升/类声明中的类型提升

类声明

定义一个类的一种方法是使用一个类声明。要声...]]></description><category></category></item><item><title><![CDATA[win10下cmd输入javac 不是内部或外部命令,也不是可运行的程序 或批处理文件。]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/104918944</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/104918944</guid><author>Swampis</author><pubDate>Tue, 17 Mar 2020 12:15:32 +0800</pubDate><description><![CDATA[win10下配置相应的jdk和jre的路径是不需要加分号隔开，但是必须分开写，才算配置正确，如下图所示：


]]></description><category></category></item><item><title><![CDATA[浏览器中的事件循环]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/104636425</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/104636425</guid><author>Swampis</author><pubDate>Tue, 03 Mar 2020 17:06:26 +0800</pubDate><description><![CDATA[浏览器中的事件循环

为了协调事件（event），用户交互（user interaction），脚本（script），渲染（rendering），网络（networking）等，用户代理（user agent）必须使用事件循环（event loops）。


To coordinate events, user interaction, scripts, rendering, networking...]]></description><category></category></item><item><title><![CDATA[Postgresql数据库的恢复(提示请在首选项对话框中配置PostgreSQL二进制路径)]]></title><link>https://blog.youkuaiyun.com/Swampis/article/details/104628915</link><guid>https://blog.youkuaiyun.com/Swampis/article/details/104628915</guid><author>Swampis</author><pubDate>Tue, 03 Mar 2020 11:40:04 +0800</pubDate><description><![CDATA[出现这个错误的原因是因为我们在安装PostgreSQL 二进制版本的时候没有配置相应的二进制路径，如下图所示：

只需按图中所示进行配置pg_restore.exe文件的路径即可，一般在postgres安装目录下的bin目录里。
...]]></description><category></category></item></channel></rss>