- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 获取图片原始宽高
async getImageSize(src) { return new Promise((resolve, reject) => { if (!src) { return reject("图片地址不能为空"); } let image = new Image(); image.src = src; // 方式一、从浏览器缓存中获取 if (image.complete) { re...
2020-05-15 11:50:01
883
原创 vue中leaflet地图容器大小改变时、使地图自适应新容器，leaflet地图多屏联动、leaflet地图中在贴上google图层
leaflet地图容器大小改变时，使地图自适应新容器的方法this.$nextTick(() => { this.$refs["gaode"].map.invalidateSize(true);})这里因为改变了地图容器的大小，dom结构随数据而发生了改变，所以把方法写在this.$nextTick里面...
2020-06-29 11:30:46
1777
原创 vue中数组、对象更新后视图不更新
一、对象更改是最好使用Object.assign(target, source1, source2);二、当你利用索引直接设置数组一个项时，array[index] = newValue，视图不会更新。 当你修改数组的长度时，例如： array.length = newLength,视图也不会更新。 vue可以检测到的数组变化方法有：push()、pop()、shift()、unshift()、splice()、sort()、reverse()、filter()、...
2020-05-11 10:43:37
413
原创 uni-app去除手机的状态栏(像电量、信号、时间等)
一、 uni-app自定义导航栏时，导航内容会和手机自带的状态栏相重叠，为了解决这个问题可以这样： onShow() { plus.navigator.setFullscreen(true); },二、uni-app手机进入时直接是横屏，可以这样设置： onShow() { plus.screen.lockOrientatio...
2020-03-16 16:50:04
4865
2
原创 leaflet地图中显示无人机的实时位置和方向
需求：将正在巡游的无人机的实时位置和方向显示在地图上。刚开始的想法是将无人机以marker的方式添加到地图，后面发现marker的位置好改变，但方向不好做。后面转换思路，就好做了。一、不以标记的形式添加到leaflet地图中，而是以普通的div形式，将这个div水平垂直居中于地图。二、当它的坐标改了后，通过setView将地图的中心改成它的坐标。三、它的方向就通过transform...
2020-01-13 16:03:21
5733
3
原创 抖音网红简易时钟代码
<template> <div class="clock"> <!-- 线 --> <hr style="width:350px;position:absolute;top:368px;right:0;"> <!-- 时 --> <ul cl...
2019-12-24 11:10:38
13151
14
原创 微信小程序去除标题
直接在去除标题文件下的json中添加 "navigationStyle": "custom"{ "usingComponents": {}, "navigationStyle": "custom"}
2019-12-06 16:25:43
911
原创 leaflet中有关边界的问题——getBounds，getPixelBounds ,getBoundsZoom
leaflet地图使用较为广泛，它的Api内容也比较多，不常使用者在前几次使用中会比较蒙圈，以下是自己的实践结果:一、生成一个地图实例； this.map=L.map(document.getElementById("map"), { zoomControl:false,attributionControl:false,...
2019-11-25 13:41:14
5851
原创 vue+element-ui 回到顶部组件backTop
<template> <div class="wraper"> <template> Scroll down to see the bottom-right button. <el-backtop target=".wraper"> &l...
2019-08-16 11:08:06
11004
1
原创 vue echarts-tree部门架构树图实现
<template> <div> <div id="tree"></div> </div></template><script>export default { data(){ return{ } }, mounted...
2019-07-30 16:36:18
5054
原创 注册全局过滤器，将时间转化为特定的格式
第一步：添加一个filters.js文件import Vue from "vue";import moment from "moment";// 格式化日期时间Vue.filter("formatTime",function(value,category){ if(!value) return ""; if(category == "DD"){ re...
2019-07-17 09:52:54
507
原创 vue-cascader中国城市三级联动
<template> <div> <el-cascader :options="options" :props="props" v-model="selectedOptions" @change="handleChange" ...
2019-07-16 13:39:05
4054
2
原创 vue v-drag 拖动 拖拽 移动div 拖拽滑动div
<template> <div class="drag"> <div ref="element" class="content" v-drag draggable="false"> <p>文字网页</p> </div> <div style="hei...
2019-07-15 17:23:11
12656
5
原创 vue tree树状结构 将普通数据转换为树状结构所需的数据类型
<template> <div> <el-tree ref="tree" node-key="objectId" :data="treeData" :props="props" :expand-on-click-node="false" de...
2019-07-09 15:46:22
2717
原创 vue+element的几种输入框
1，<el-input placeholder="用户名" style="width:100px;margin-left:20px;"> <i slot="prefix" class="el-input__icon el-icon-search"></i></el-input>2，&
2018-10-09 11:02:11
3725
原创 vue的双重循环
重点：key选项一定要有，o,index, part,n均可以更改<ul v-show="showlList===1"> <li v-for="(o,index) in goodsInvolved" :key="index" style="margin-bottom:20px;display:inline-block;"> &l
2018-08-31 17:32:34
5130
原创 vue的点击类似标签页的效果
一，这是两个点击事件，定义相同的名称,点击不同的i,会展示下面不同的div<div><i class="el-icon-tickets" style="font-size: 28px; color:#2D87F9;" @click = "showlList=0"></i><i class="el-icon-menu" s
2018-08-29 15:35:31
1174
原创 运行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|findstr "15008"（15008实际查看的结果）5，通过ctrl+alt+delete打开任务管理器，点开详细信...
2018-08-27 09:56:39
2253
原创 vue+element表格（表格居中+更改数据格式）的使用
表格的使用：1，居中对齐（加红框的两句话就可以了）2，对数据进行操作(绑定formatter事件，通过row[column.property]);
2018-08-21 15:20:06
14800
原创 vue-cli element-ui 中标签页的使用
在element-ui官方文档中标签页的使用比较简单，但实际应用中这种不实用，太简单了，我们一般用到的是像vue中路由那样可以切换很大块的内容。自己总结为下： 这种写法的实际效果是：这种写法的主要技术点就是通过 handlerClick的参数tab,可以判定选定的那一项的name(tab.name),然后把它赋值给一个变量，通过变量去判定哪个应该显示 2018/...
2018-08-09 18:11:19
4299
原创 兼容IE浏览器常见问题处理
一，a标签里面嵌套img标签，ie浏览器中图片周围会出现蓝边框，如下图所示：解决方案：设置img{ border:none } 二，将几个img标签放在一起时，IE浏览器中会显示图片间会有一定的间隙，如图所示：解决方案：设置img{float:left}三，ie不支持border-radius,圆角边框的设置，解决方案只能让UI设计一个图片。四，ie不支持input...
2018-07-12 17:40:01
433
转载 判断浏览器的类型和版本号
$(function () { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] : (s = ua.match(/msie ([...
2018-07-11 13:34:35
890
翻译 小型计算器html+js代码
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &am
2018-07-06 16:28:24
1945
翻译 虚拟键盘功能js
html代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>pagination-nick</title> <link rel="stylesheet" href="css/key.css&am
2018-07-06 11:58:49
4270
1
原创 购物网站中商品活动倒计时js
html中代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-07-04 16:33:52
1946
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人