自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 leaflet地图中显示无人机的实时位置和方向

需求:将正在巡游的无人机的实时位置和方向显示在地图上。 刚开始的想法是将无人机以marker的方式添加到地图,后面发现marker的位置好改变,但方向不好做。后面转换思路,就好做了。 一、不以标记的形式添加到leaflet地图中,而是以普通的div形式,将这个div水平垂直居中于地图。 二、...

2020-01-13 16:03:21

阅读数 3192

评论数 0

原创 抖音网红简易时钟代码

<template> <div class="clock"> <!-- 线 --> <hr style="width:350px;position:absolute;top:3...

2019-12-24 11:10:38

阅读数 2855

评论数 11

原创 微信小程序去除标题

直接在去除标题文件下的json中添加 "navigationStyle": "custom" { "usingComponents": {}, "navigationStyle": "custom...

2019-12-06 16:25:43

阅读数 335

评论数 0

原创 leaflet中有关边界的问题——getBounds,getPixelBounds ,getBoundsZoom

leaflet地图使用较为广泛,它的Api内容也比较多,不常使用者在前几次使用中会比较蒙圈,以下是自己的实践结果: 一、生成一个地图实例; this.map=L.map(document.getElementById("map"), { zoomContro...

2019-11-25 13:41:14

阅读数 388

评论数 0

原创 vue+element-ui 回到顶部组件backTop

<template> <div class="wraper"> <template> Scroll down to see the bottom-right button. ...

2019-08-16 11:08:06

阅读数 2916

评论数 0

原创 vue echarts-tree部门架构树图实现

<template> <div> <div id="tree"></div> </div> </template> <script> export default...

2019-07-30 16:36:18

阅读数 914

评论数 0

原创 注册全局过滤器,将时间转化为特定的格式

第一步:添加一个filters.js文件 import Vue from "vue"; import moment from "moment"; // 格式化日期时间 Vue.filter("formatTime",function...

2019-07-17 09:52:54

阅读数 274

评论数 0

原创 vue-cascader中国城市三级联动

<template> <div> <el-cascader :options="options" :props="props" v-...

2019-07-16 13:39:05

阅读数 471

评论数 0

原创 vue v-drag 拖动 拖拽 移动div 拖拽滑动div

<template> <div class="drag"> <div ref="element" class="content" v-drag draggable="false...

2019-07-15 17:23:11

阅读数 1536

评论数 0

原创 vue tree树状结构 将普通数据转换为树状结构所需的数据类型

<template> <div> <el-tree ref="tree" node-key="objectId" :data="treeData&...

2019-07-09 15:46:22

阅读数 271

评论数 0

原创 vue+element的几种输入框

1, &lt;el-input placeholder="用户名" style="width:100px;margin-left:20px;"&gt;      &lt;i slot="prefix" clas...

2018-10-09 11:02:11

阅读数 1094

评论数 0

原创 vue的双重循环

重点:key选项一定要有,o,index, part,n均可以更改 &lt;ul v-show="showlList===1"&gt;       &lt;li v-for="(o,index) in goodsInvolved"...

2018-08-31 17:32:34

阅读数 1914

评论数 0

原创 vue的点击类似标签页的效果

一,这是两个点击事件,定义相同的名称,点击不同的i,会展示下面不同的div &lt;div&gt; &lt;i class="el-icon-tickets" style="font-size: 28px; color:#2D87F9;&q...

2018-08-29 15:35:31

阅读数 720

评论数 0

原创 运行vue项目时报错 listen EADDRINUSE 127.0.0.1:9900

1,打开运行(win+r),输入cmd, 2,输入:cd c:\WINDOWS\system32\  ;(因为直接走第三步,一直说netstat不是内部命令) 3,netstat -aon|findstr "9900" (9900被占用的端口) 4,tasklist|fi...

2018-08-27 09:56:39

阅读数 1540

评论数 0

原创 vue+element表格(表格居中+更改数据格式)的使用

表格的使用:1,居中对齐(加红框的两句话就可以了) 2,对数据进行操作(绑定formatter事件,通过row[column.property]);

2018-08-21 15:20:06

阅读数 7713

评论数 0

原创 vue-cli element-ui 中标签页的使用

在element-ui官方文档中标签页的使用比较简单,但实际应用中这种不实用,太简单了,我们一般用到的是像vue中路由那样可以切换很大块的内容。自己总结为下:    这种写法的实际效果是: 这种写法的主要技术点就是通过 handlerClick的参数tab,可以判定选定的那一项的na...

2018-08-09 18:11:19

阅读数 2005

评论数 0

原创 兼容IE浏览器常见问题处理

一,a标签里面嵌套img标签,ie浏览器中图片周围会出现蓝边框,如下图所示: 解决方案:设置img{ border:none }   二,将几个img标签放在一起时,IE浏览器中会显示图片间会有一定的间隙,如图所示: 解决方案:设置img{float:left} 三,ie不支持b...

2018-07-12 17:40:01

阅读数 306

评论数 0

转载 判断浏览器的类型和版本号

$(function () { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d.]+)\) like gecko...

2018-07-11 13:34:35

阅读数 558

评论数 0

翻译 小型计算器html+js代码

代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &...

2018-07-06 16:28:24

阅读数 1019

评论数 0

翻译 虚拟键盘功能js

html代码&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt...

2018-07-06 11:58:49

阅读数 3135

评论数 1

原创 购物网站中商品活动倒计时js

html中代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; ...

2018-07-04 16:33:52

阅读数 1198

评论数 0

提示
确定要删除当前文章?
取消 删除