![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
꧁꫞꯭伟꯭伟꯭꫞꧂
这个作者很懒,什么都没留下…
展开
-
canvas实现图片平移,缩放的例子
canvas 实现图片平移缩放原创 2023-07-31 16:00:30 · 598 阅读 · 0 评论 -
Rxjs操作符理解篇
逐个送出,按执行顺序执行,[1,2,3] [a,b,c] 会依次 123abc 输出,如果[1,2,3]是一个无限流,后面的[a,b,c]流将永远等不到执行。: 传入一个 callback,返回一个 boolean, 当执行逻辑为 true 会向下流,否则会被过滤掉,不会向下执行。: 传入一个 missll,在 missll 时间结束后会送出最后一个值,官方说的是最近,应该是可以理解结束时间的前一个。发出了与上一次不同的值时,才把当前值推送出去,和前一个值比较,重复将会过滤掉 【值比较】原创 2023-09-21 10:46:45 · 231 阅读 · 0 评论 -
给el-table实现列显隐
自定义el-table,实现列显隐原创 2023-07-26 17:00:50 · 7171 阅读 · 0 评论 -
【无标题】使用vue-tour制作引导页
vue-tour引导页,傻瓜式操作,已封装,使用只需要修改名称和css的定位即可正常使用。原创 2023-01-18 10:54:28 · 1405 阅读 · 9 评论 -
d3js 实现水球图
d3js 水球图 v5版本原创 2022-08-30 18:08:13 · 633 阅读 · 0 评论 -
vue-cli 【已解决】 require is not defined 和 exports is not defind
require is not defined原创 2022-08-25 15:18:44 · 6301 阅读 · 7 评论 -
d3js柱状条形图
d3js 柱状图原创 2022-08-22 11:04:12 · 135 阅读 · 0 评论 -
d3js 线条张力图
d3js 张力图原创 2022-08-21 23:21:03 · 188 阅读 · 0 评论 -
Vue 开关组件 (ELSwitch) 组件
对于element-ui 中switch 不支持promise异步操作这件事。原创 2022-07-16 20:27:12 · 4272 阅读 · 1 评论 -
js实用技巧 (一)
以下内容为复制搬运以作记录。01 为元素添加on方法Element.prototype.on = Element.prototype.addEventListener;NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, fn); }); return this;};02 为元素添加trigger方法Ele转载 2022-05-26 10:21:59 · 186 阅读 · 0 评论 -
vue3 upload文件上传及断电续传、含进度条,含node服务代码块。
断电续传,进度条。vue2和vue3版本,原生和el-upload实现文件切片上传。<!-- * Copyright © * # * @author: zw * @date: 2021-12-07 --><template> <input type="file" ref="uploadRef" @change="total = 0" /> <el-button type="primary" @click="uploadFil原创 2021-12-10 16:49:03 · 1750 阅读 · 1 评论 -
pc端大屏项目适配方案
导入一段js代码,也可以封装成函数,最好是把小数保留,应为最终是需要还原成rem值,以免出现不必要的像素值差。这里由1200分辨率分两步,低于1200分辨率按1200算。我们根字体字号是34。我们先给html设置上,覆盖默认的16号字体计算1920 / 34 ≈ 56.47(保留5位小数还原浏览器后续真是像素); let width = window.innerWidth width = width <= 1200 ? 1200 : width const htmlObj原创 2021-08-19 20:45:37 · 1716 阅读 · 10 评论 -
js 实用函数方法
百分比数据分化 function percentage(source, n = 0) { var arr = JSON.parse(JSON.stringify(source)); var product = []; var total = 0; for (var i = 0; i < arr.length; i++) { total += arr[i]; } for (var i = 0; i < arr原创 2021-07-27 13:41:25 · 229 阅读 · 0 评论 -
openlayers只获取显示区域范围中的featrues
最近碰到一个需求,是关于空间查询的,获取当前视口进行查询,思考了一下,需要先拿到视图的四至范围,将这个范围绘制成矩形即可。再去拿到geometry进行wfs条件查询。注释不写了,不明白查官方 const [ x1, y1, x2, y2 ] = map.getView().calculateExtent(); const feature = new ol.Feature({ geometry: new ol.geom.Polygon.fromExtent([ x1, y1, x2,.原创 2021-04-20 16:34:46 · 1288 阅读 · 0 评论 -
使用element-ui制作侧边导航多级菜单
<template> <el-scrollbar class="Container"> <el-menu default-active="2" class="el-menu-vertical-demo" router unique-opened :collapse-transition="false" background-color="#333744" :collapse="Collapse" text-color="#fff" active-text-color原创 2021-01-19 15:35:14 · 3863 阅读 · 1 评论 -
使用vue组件递归自调用构成树形列表-tree
在vue 官方看到写的tree结构是组件自调用产生递归生成树形结构,然后我测试了一下将它利用在菜单上面了parent组件<template> <ul> <li id="demo" v-for="first in treeData"> <tree-item class="item" :item="first" /> </li> </ul></template><script&原创 2021-01-18 09:30:59 · 829 阅读 · 1 评论 -
css选择器、伪类、权重性学习文章
子选择器与后代选择器#nav > li { …… 孙集不受影响}同辈选择器h2 + p { …… 同辈相邻选择器,位于某个元素后面}一般同辈组合子h2 ~ p { …… 选择h2元素后面的所有段落}属性选择符abbr[title] :hover{ cursor: help; …… 鼠标指针悬停时显示问号标识}input[type = 'submit'] { cursor: pointer; …… 当input状态等于提交鼠标指针为手指标识;}a[href原创 2021-01-10 22:16:51 · 200 阅读 · 0 评论 -
openlayers 鼠标浮动要素上弹窗显示要素信息
项目中要求鼠标hover到要素时候,在要素位置弹窗,并在框内显示要素的信息。怎么才能具体弹窗到那个位置呢,原来ol官方有个弹窗实例,跟着new就完事了。上效果图map 构造完之后popup添加到map中。// 这段代码是mounted中执行的,只要是在初始化map 之后执行就行。map.on('pointermove', this.ShowFeatureInfo);要素有多种,为了避免和其他的引起冲突,做了很多判断。这里只对点要素进行数据处理。// An highlighted block原创 2020-12-15 09:43:11 · 5053 阅读 · 7 评论 -
openlayers 根据缩放层级给点要素添加聚合
项目中出现的features数量多了。会显示的有些混乱。在地图中添加聚合效果,来解决这个问题。最终解决效果我的最终要求是缩放级别大于7 显示点要素,小于则显示聚合要素,在百度上参考别人的例子,发现没什么人有这个需求,于是就从zoom 下手。来达到切换效果。 let timer = -1; let clusterSource = new ol.source.Cluster({distance: 40, source: this.wfsVectorSource}); let c原创 2020-12-14 17:17:20 · 1195 阅读 · 2 评论 -
openlayers加载坐标数据,将数据点绘制渲染出行政区边界图形。
收到一个文本文件,里面都是经纬度信息。说是一打开地图就加载行政区的矩形来,图形信息在这个文件中。通过绘制方式来实现。最终效果图源文件长这样,串信息是以逗号隔开export const XzqPosArr = `108.622001617963 29.8682975813846,108.617103555458 29.8696002688859,108.611000055452 29.8668899563833,108.603111242945 29.8645400813811,108.5978011原创 2020-12-14 16:19:18 · 912 阅读 · 0 评论 -
openlayer 实现空间查询6.4v
最近项目中用到空间查询,开始感觉很神奇。就点开百度各种搜索,最终实现结果。达到能能直接通过图层的features拿到信息。将信息渲染成列表,后面实现了发现其实不难。这是点开窗口直接渲染列表这是拉框过滤实现数据//这是vue Event bus 通信方式判断类型是拉框还是搜索方式。this.signal = res.signal;这个是单独加的,由于项目配置中不支持可选链就在回调里面返回一个信号。// An highlighted block // 范围查询事件 this原创 2020-12-14 15:52:07 · 329 阅读 · 0 评论 -
正则笔记-基础语法,测试案例,常用规则等
RegExp-正则表达式正则表达式主要分两种字面量创建: let reg = /abcd/内置构造函数: let reg = new RegExp('abcd‘’);匹配 => reg.test(str) 返回值 布尔捕获 => reg.exec(str) 返回值 null 或者 数组。基本元字符标记文本元字符 \s => 表示只匹配一个空格 const reg = /\s/ \S => 表示一个非空格 const reg = /\S/ \t =>原创 2020-12-11 15:55:19 · 409 阅读 · 0 评论 -
openlayers经纬度随着拖动不断递增,求助!!!
今天检查功能发现一个bug,发现经度值居然能达到200以上。就头疼了。网络上各种搜索相关,居然每一个人有相关例子。去官网看看提供的案例,结果发现居然也达到了200值以上,不论4326坐标还是3857坐标,值都是不断叠加。然后我就开始分析,估计是地图循环loop拖动导致经纬度不准确,就想在map对象的controls: ol.control.defaults()查看有没有相关禁止loop拖动的事件,结果很失败。官方只提供了缩放,拖拽,比例尺等功能。...原创 2020-10-22 10:37:20 · 682 阅读 · 7 评论