- 博客(29)
- 收藏
- 关注
RSS订阅原创 Vue自定义指令实现弹出框可拖拽可放大缩小效果
##一、使用场景最近开发一个项目，有一个需求，实现弹出框可拖拽可放大缩小。翻阅vue2官方文档和问度娘，发现可以用vue的自定义指令实现，所以把挣个过程记录在这篇文章中，供其它小伙伴参考使用。##二、自定义指令基础知识当我们在开发过程中需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。自定义指令的钩子函数及其参数，且看官方文档介绍：一个指令定义对象可以提供如下几个钩子函数(均为可选)：bind：只调用...
2021-05-24 15:03:03
2350
原创 vue+openlayers6实现卷帘功能（自定义滑块样式）
话不多说直接贴代码，有需要的小伙伴可以拿去直接用。<template> <div class="newmap"> <div class="map" id="map" onselectstart="return false"> <div id="swipeContainer" @mousemove="move"> <div id="swipeDiv">
2021-04-28 10:37:09
1202
2
原创 vue中data定义的若干事项
vue项目中引用其它框架时在某些页面老是崩溃和卡顿，一般Vue项目内存泄露常发生在某些地方我们引用的第三方库自己创建和维护了DOM，所以Vue在页面卸载时虽然这些对象的引用都释放了，但是因为这些对象自身关联了DOM所以内存无法释放，但是我们项目中已经在destroyed 阶段做了内存释放。不要轻易把框架中的对象放在data中监听，因为在data中的变量 ，vue会劫持数据 ，导致迟缓。 vue组件的data选项，只存储和UI关联的数据，没关联的一定不要存储在data选项里面，提出Vue对象作用域。
2021-04-22 17:08:53
664
原创 vue+ol6.1.1+es6加载wfs出现：Uncaught TypeError: layer.getLayerStatesArray is not a function，报错
1.注意es6引入的方式。有可能引入接口错误。2.刚开始考虑是layerswitch插件引入有冲突的问题。
2021-03-12 17:35:32
957
1
原创 vue+openlayers渲染多个map注意事项
vue的monted函数中，在多个dom中定义完相应map对象后，应当将该组件渲染后，在进行隐藏，以便下次调用渲染完后的map;
2021-01-28 13:56:53
470
1
原创 Postgresql打开PgAdmin4后网页一直加载进不去配置面板的解决方案
打开PgAdmin后出现如下图所示状况解决方法：打开注册表：HKEY_CLASSES_ROOT\.js\Content Type修改相应的Content Type选项的配置将text/plain修改为text/javascript.重新启动相应的PgAdmin4即可。
2021-01-13 10:40:20
2084
1
原创 c#学习教程（三）关于VS的使用技巧及快捷键
1、启动VS a、双击图标 b、调出cmd，输入 devenu2、运行程序的两种方式 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
2021-01-08 08:34:42
570
原创 c#学习教程（2）c#书写代码的规范
1、代码中出现的所有标点都是英文半角 shift键快速切换中文半角和英文半角 shift+空格 切换全角/半角2、在c#代码中，每行代码的结束，我们都以分号结束，注意：这个分号也是英文半角的分号。3、Console.WriteLine("要打印的内容");...
2021-01-08 08:31:25
348
原创 c#学习（一）c#、.Net平台和.Net FrameWork的区别与联系
.Net 平台相当于是厨房。材米油盐酱醋茶相当于是.Net FrameWork，他使厨房丰富了起来。.net包含.Net FrameWork； .Net FrameWork框架是.Net平台中不可缺少的一部分，它提供了一个稳定的运行环境来保证我们基于.Net平台开发的各种应用能够正常运.转。.Net FrameWork包括CLR（公共语言运行时）和.Net类库； C#:是一种编程语言，可以开发基于.Net平台的应用。...
2021-01-07 15:45:24
1938
原创 Vue+Element实时局部刷新表格某一行的样式和属性值（带源码）
使用场景分析，要求提交数据表中修改的某行数据，实时刷新该行数据的状态，该行的某条属性是根据条件渲染的。el-table部分：<el-table-column label="关联状态" width="100"> <template slot-scope="scope"> <el-tag :type="scope.row.status === 'true' ? 'success' : 'info'" ...
2020-05-28 16:46:08
8176
原创 Vue+Element中的表格根据属性值来渲染不同的样式
<el-table-column label="当前" prop="status"> <template slot-scope="scope"> <span :style="{ color: scope.row.status === 1 ? '#cccccc' : '#ED3F14' }">{{ scope.row.status === 1 ? '男' : '女' }}</span> </template>.
2020-05-25 16:51:34
2109
4
原创 拼接两个有相同属性值数组的实现
最近公司的项目需要对接合作单位的数据库里面的信息，再对接的过程中需要用到双重for循环，遇到好多坑，希望能给其他的小伙伴提供点思路和解决方案。 下边是两个数组,a数组中的对象有id和value两个键值，b数组中interid是绑定的a数组中的id值。我们现在想实现的功能是根据a数组的id值判断b数组interid值是否匹配，若匹配将该条数据写入到a数组的新的属性中，从而形成新的数组c。let a = [{id:"1",value:"aaa"},{id:"12",valu...
2020-05-22 17:21:03
528
原创 ES6中的class(二)
class类中的公有（public）和私有（private）字段声明是一个JavaScript标准委员会TC39提议的试验性功能 （第3阶段）。这项功能在浏览器中的支持还受限，但你可以通过Babel等构建系统来使用它。参见下面的兼容性信息。公有字段静态公有字段和实例公有字段都是可编辑的，可遍历的，可配置的。它们本身不同于私有对应值（private counterparts）的是，它们参与原...
2020-04-17 11:10:04
462
原创 ES6中的class(一）
ECMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。JavaScript中的类实际上是个“特殊的函数”，就像你能够定义的函数表达式和函数声明一样，类语法有两个组成部分：类表达式和类声明。一,组成部分*本部分主要理解类的声明提升/类声明中的类型提升类声明定义一个类的一种方法是使用一个类声明。要声...
2020-04-17 11:08:57
289
原创 win10下cmd输入javac 不是内部或外部命令,也不是可运行的程序 或批处理文件。
win10下配置相应的jdk和jre的路径是不需要加分号隔开，但是必须分开写，才算配置正确，如下图所示：
2020-03-17 12:15:32
719
原创 浏览器中的事件循环
浏览器中的事件循环为了协调事件（event），用户交互（user interaction），脚本（script），渲染（rendering），网络（networking）等，用户代理（user agent）必须使用事件循环（event loops）。To coordinate events, user interaction, scripts, rendering, networking...
2020-03-03 17:06:26
142
原创 Postgresql数据库的恢复(提示请在首选项对话框中配置PostgreSQL二进制路径)
出现这个错误的原因是因为我们在安装PostgreSQL 二进制版本的时候没有配置相应的二进制路径，如下图所示：只需按图中所示进行配置pg_restore.exe文件的路径即可，一般在postgres安装目录下的bin目录里。...
2020-03-03 11:40:04
5142
原创 由浅到深vue源码（一、双向数据绑定原理）
#### 双向数据绑定的方式+发布-订阅者模式（backbone.js） 一般通过pub、sub的方式来实现数据和视图的绑定，但是使用起来比较麻烦+脏值检查(angular.js) angular.js 是通过脏值检测的方式比对数据是否有变更，来决定是否更新视图。类似于通过定时器轮训检测数据是否发生了改变。+数据劫持 vue.js 则是采用数据劫持结合发布者-订阅者模式的...
2020-03-03 10:50:44
302
原创 win10常见问题汇总
1.Windows10远程桌面连接提示：出现身份验证错误，要求的函数不受支持https://blog.csdn.net/daqiang012/article/details/82385720
2019-10-16 16:24:10
349
原创 HTTP和AJAX（七、AJAX中的同步与异步）
******AJAX中的同步和异步>AJAX这个任务：发送请求接收到响应主体内容（完成一个完整的HTTP事务） >xhr.send():任务开始 >xhr.readytate===4:任务结束[同步编程] let xhr=new XMLHttpRequest(); xhr.open('get','temp.json',false); ...
2018-08-29 15:52:03
174
原创 HTTP和AJAX（六、JS中常用的编码解码方法）
***JS中常用的编码解码方法 >正常的编码解码（非加密） >1.escape/unescape,主要就是把中文汉字进行编码和解码的（一般只有JS语言支持：也经常 应用于前端页面通信时候的中文汉字编码） >也可以通过加密的方法进行编码解码 let str='波波安@BOBO ...
2018-08-29 15:51:24
326
原创 HTTP和AJAX（五、网络状态码和AJAX状态码）
**第三部分细节探究**''''javascript（以下为基于原生JS实现AJAX的第三步的具体解析） //=>监听AJAX状态的改变，获取响应信息（获取响应头信息、获取响应主体信息） xhr.onreadystatechange=()=>{ if(xhr.readyState===4&&am...
2018-08-29 15:50:45
1793
原创 HTTP和AJAX（四、实现AJAX）
####基于原生JS实现AJAX....Javascript（以下为实现的代码及注释）//=>创建一个AJAX对象let xhr=new XMLHttpRequest();//=>不兼容IE6及更低版本浏览器（IE6：ActiveXObject）//=>打开请求地址（可以理解为一些基础配置，但是并没有发送请求呢）xhr.open([method],[url],[as...
2018-08-29 15:47:47
238
原创 HTTP和AJAX(三、AJAX[局部刷新]简介)
网页客户端端获取服务器端数据的大致过程>1.首先根据客户端输入的域名，到DNS服务器上进行反解析（通过域名找到对应服务器的外网IP）>2.通过找到的外网IP，找到对应的服务器>3.通过在地址栏中输入的端口号（没输入是因为不同协议有自己默认端口号）找到服务器上发布的 对应的项目>4.服务器获取到请求资源文件的地址‘例如：/stu/index.html’,把资源...
2018-08-29 15:28:22
277
原创 HTTP和AJAX（二、web前端开发常用的优化技巧汇总）
###减少HTTP请求次数或者减少请求数据的大小 >页面中每发送一次http请求，都需要完成请求+响应这个完整的HTTP事务，会消耗一些时间，也可能会导致HTTP链接通道的堵塞，为了提高页面加载速度和运行的性能，我们应该减少HTTP的请求次数和减少请求内容的大小（请求的内容越大，消耗的时间越长） 1.采用CSS雪碧图（CSS Sprit/CSS图片精灵）技术，把一些小图合...
2018-08-16 15:03:11
285
原创 HTTP和AJAX（一、传输协议）
第一部分传输协议***传输协议是用来完成客户端和服务器端的数据（内容）传输的，类似于快递小哥，负责把客户和商家的物品来回传送。>1.客户端不仅可以向服务器发送请求，而且还可以把一些内容传递给服务器。>2.服务器端也可以把内容返回给客户端。>客户端和服务器端传输的内容总称“HTTP报文”，这些报文信息都是基于传输协议完成传输的，客户端传递给服务器 叫做请求（Reques...
2018-08-16 13:05:52
444
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人