- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 el-table 实现列拖拽【干货满满】
以上列出都不支持拖拽也不支持拖拽到这里，保证表格基本布局信息。改动这个和上次一样，需要将el-table 源码拉出来，不使用extends方式，这是因为改不到子文件上去。前面步骤: 给el-table实现列显隐项目中将抛出3个关联钩子钩子备注描述@header-cell-dragend=“headerCellDragend”列宽被改动的钩子column被拖拽@table-ready=“tableReady”初始化完成可以对ElTable进行操作@header-
2024-01-05 00:09:56
1557
2
原创 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
192
原创 编写一个指令（v-el-table-clipboard）使el-table-column在show-overflow-tooltip 情况下点击复制
【代码】编写一个指令（v-el-table-clipboard）使el-table-column在show-overflow-tooltip 情况下点击复制。
2023-09-13 10:20:57
831
原创 编写一个指令（v-focus2end）使输入框文本在聚焦时焦点在文本最后一个位置
当编辑输入框时，文本内容较多，使用v-directive 放鼠标焦点方式让其到最后一个字符后面
2023-08-10 11:59:59
1644
原创 vue-cli 【已解决】 require is not defined 和 exports is not defind
require is not defined
2022-08-25 15:18:44
5819
7
转载 js实用技巧（二）
以下内容为复制搬运以作记录。51 打开一个窗体通用方法function openWindow(url, windowName, width, height) { var x = parseInt(screen.width / 2.0) - width / 2.0; var y = parseInt(screen.height / 2.0) - height / 2.0; var isMSIE = navigator.appName == "Microsoft Internet Explore
2022-05-26 11:06:54
328
转载 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
175
原创 修改el-form制作自定义元素登录框
最近看到react 和vuetify 的输入框聚焦文字会变小上移，觉得element也应该有这样的东西，于是乎，就尝试修改，试了很久发现 el-form-item 中的label和input根本连不上关系，就想到了一个解决办法，那就是el-input中有个自定义的slot属性，借此属性得以实现效果。下面就是文档的属性。这是最终效果图。截图的颜色不好看，有条件的自己修改一下样式即可。代码有点套娃，有条件的可以使用slot去进行二次封装。 <div class="login">
2022-03-14 22:53:10
1944
原创 scss 循环的骚操作
今天看别人源码，定义了部分基础css，突然加到一般就没有了，由于使用过tailwind的便捷后。发现这样定义方法会很蠢。/** 基础通用 **/.pt5 { padding-top: 5px;}.pr5 { padding-right: 5px;}.pb5 { padding-bottom: 5px;}.mt5 { margin-top: 5px;}…………// 省略部分页面渲染效果又无意发现定义的css里面有用到for循环，突发奇想就按想法试了试，效果是成功，解决了传统
2022-02-22 12:59:24
1351
原创 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
1682
1
原创 uniApp 使用Vuex 出现 Cannot read properties of undefined (reading ‘commit‘)情况
最近下手uni app 尝鲜 想到vue全家桶的使用，vuex是必不可少的。使用实例使用完按照文档方法使用，发现了一个问题。在调用vue自定义的commit函数是会报错。Cannot read properties of undefined (reading ‘commit’)说是找不到，就在该函数外部打印输出发现是存在的，函数内的 通过this.$store取值为undefined。问题就找到了。其实解决方案就是不使用this实例的属性，上面使用import导入了一个store，这个就是定义的内
2021-10-18 12:07:38
6710
2
原创 git bash指令
:qu :qa :q :q! 强制退出:wq 保存退出初始化配置 git config --global user.name ["name"] git config --global user.email [[email protected]] git config --global unset user.name 移除 git config --list：查看配置信息 git config --global alias.[想要简写的指令] 'log -
2021-08-31 11:20:18
257
原创 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
1652
10
原创 VScode snippet 变量
TM_SELECTED_TEXT The currently selected text or the empty stringTM_CURRENT_LINE The contents of the current lineTM_CURRENT_WORD The contents of the word under cursor or the empty stringTM_LINE_INDEX The zero-index based line numberTM_LINE_NUMBER The on
2021-08-08 17:15:37
573
原创 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
220
原创 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
1219
原创 使用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
3636
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
773
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
189
原创 vue + arcgis for javascript 实战（二）实现底图切换，经纬度显示等
好了，我们继续给我们的地图进行配置现在path:src/utils文件夹加入一个EsriConfig.js文件,我们将option和Modules移入进入然后导出。并且在path:computents/Map/index文件中导入import { Option, Modules } from "@/utils/EsriConfig";此时，就将模块抽离开了。注意，现在option成了大写export const Option = { url: "https://js.arcgis.com/
2021-01-02 17:38:49
1378
原创 vue + arcgis for javascript 实战（一）配置页面并显示页面
最近接触Arcgis。 感觉很奇葩，自己做出来的东西都没有那种归属感，有种摸不透的感觉，很多的东西api封装好了，但是看着就是不习惯，甚至是存在漏洞。我不怎么喜欢看这类的官方的api文档，arcgis官方的例子也不是那么的全，都是散开的。另外现在arcgis 版本更新，3版本和4版本，导致想在网上搜索资料都应为在版本不同而却步。我的dome是vue版本。npm install vue-cli -gvue create 'dome'.......这就略过了main 文件是干净的。用到了vuex，r
2021-01-02 16:15:10
980
3
原创 openlayers 鼠标浮动要素上弹窗显示要素信息
项目中要求鼠标hover到要素时候，在要素位置弹窗，并在框内显示要素的信息。怎么才能具体弹窗到那个位置呢，原来ol官方有个弹窗实例，跟着new就完事了。上效果图map 构造完之后popup添加到map中。// 这段代码是mounted中执行的，只要是在初始化map 之后执行就行。map.on('pointermove', this.ShowFeatureInfo);要素有多种，为了避免和其他的引起冲突，做了很多判断。这里只对点要素进行数据处理。// An highlighted block
2020-12-15 09:43:11
4804
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
1143
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
865
原创 openlayer 实现空间查询6.4v
最近项目中用到空间查询，开始感觉很神奇。就点开百度各种搜索，最终实现结果。达到能能直接通过图层的features拿到信息。将信息渲染成列表，后面实现了发现其实不难。这是点开窗口直接渲染列表这是拉框过滤实现数据//这是vue Event bus 通信方式判断类型是拉框还是搜索方式。this.signal = res.signal;这个是单独加的，由于项目配置中不支持可选链就在回调里面返回一个信号。// An highlighted block // 范围查询事件 this
2020-12-14 15:52:07
297
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人