- 博客(15)
- 收藏
- 关注
RSS订阅原创 el-table使用show-summary后指定某列不进行合计
这里写自定义目录标题el-table使用show-summary后指定某列不进行合计el-table使用show-summary后指定某列不进行合计1.el-table绑定summary-method事件<el-table border show-summary :summary-method="totalOutYear" :data="tableData">2.summary-method事件totalOutYear(param) { const { columns,
2022-05-18 15:16:34
2558
2
原创 转换base64颜色为rgba
getHex(src){ return new Promise((reslove,reject)=>{ var color = '', var image = new Image() image.src = src image.onload = function(){ var canvas = document.createElement('canvas') canvas.width .
2021-10-22 10:10:13
1444
原创 js字符串数组与数字数组互相转换
1.字符串数组转为数字数组var rnm = ['1','2','3','4']rnm.map(Number) //结果[1,2,3,4]2.数字数组转换为字符串数组var rnm = [1,2,3,4]rnm.map(String) //结果['1','2','3','4']
2021-10-22 10:06:05
188
原创 解决toFixed()在chorme浏览器中兼容性问题
解决toFixed()在chorme浏览器中兼容性问题问题：项目中有用到四舍五入保留两位小数的需求(不够两位小数的用0补齐)，然后发现toFixed（）函数在chorme中不能做到四舍五入解决办法：通过自己定义函数解决toFixed1(val,length){ let a = parseFloat(val)if(isNaN(a)){ return false} const b = Math.pow(10,length) let a = Math.round(a*b)/b let
2021-07-27 14:57:50
525
原创 leaflet.canvas-markers.js解决数据量多加载慢问题
leaflet.canvas-markers.js快速加载点数据1.安装插件2.引入插件3.将canvas图层加载到地图4.为icon创建图标5.创建点6.把点添加到canvas图层中1.安装插件npm install leaflet-canvas-marker2.引入插件import "leaflet-canvas-marker";3.将canvas图层加载到地图// 在地图上添加一个canvas图层let ciLayer = L.canvasIconLayer({}).addTo(ma
2021-04-28 11:35:40
3364
4
原创 leaflet+heatmap.js加载热力图(vue)
leaflet+heatmap.js加载热力图1.下载插件2.引入heatmap.js插件3.添加配置4.添加数据5.实例化热力图层6.添加热力图数据7.将热力图层添加到地图1.下载插件npm install heatmap.js2.引入heatmap.js插件import HeatmapOverlay from 'heatmap.js/plugins/leaflet-heatmap'3.添加配置let cfg = { radius: 0.05, //每一个热力点的半径
2021-04-28 10:54:07
1723
2
原创 leaflet.markercluster实现聚合
leaflet聚合效果（markercluster）1.下载插件2.引入插件3.实例化 markerCluster4.添加点到 makerClusterGroup5.将 makerClusterGroup 加载到地图中*6.设置默认点的图标*7.添加bindPopup事件8.设置聚合圈的颜色1.下载插件npm install leaflet.markercluster 运行此命令下载leaflet的markercluster插件2.引入插件// 引入 leaflet.markercluster
2021-04-28 10:27:56
2820
1
原创 vue实现网页跳转后网页标题的更换
首先在路由里面加meta，定义title属性{ path: 'hotspring', name: 'hotspring', meta:{ title:'温泉小镇' }, component: () => import ('../components/hotSpri
2020-12-14 16:58:33
351
原创 前端渲染和前端路由，后端渲染和后端路由
1.后端路由阶段■早期的网站开发整个HTML页面是由服务器来渲染的.服务器直接生产渲染好对应的HTML页面，返回给客户端进行展示。■但是，一个网站，这么多页面服务器如何处理呢？一个页面有自己对应的网址，也就是URL.URL会发送到服务器，服务器会通过正则对该URL进行匹配，并且最后交给一个Controller进行处理.Controller进行各种处理，最终生成HTML或者数据，返回给前端.这就完成了一个IO操作。■上面的这种操作，就是后端路由.当我们页面中需要
2020-12-10 14:41:36
182
原创 HTML表格合并
1.创建一个三行三列的表格,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <table height="300" width="300" border="1" > <caption>我是标题</caption&
2020-12-03 08:57:38
7737
原创 热点区域标签
img中套用map以及area可以实现点击某部分图片触发一个链接，点击另一部分触发另一个链接<img src="mama.jpg" width=100 height=100 usemap="#map" /><map name="map"> <area shap="rect" coords="0,0,50,50" href="" alt=""> <area shap="circle" coords="75,75,25" href="" alt=""
2020-12-02 16:38:36
264
原创 vscode settings.json设置
{“typescript.locale”: “zh-CN”, // 语言// “terminal.integrated.shell.windows”: “D:\Develop\Git\bin\bash.exe”, // 默认的终端程序位置“workbench.colorTheme”: “One Dark Pro”, // 主题，需安装“git.autofetch”: tr
2020-11-23 16:48:01
726
原创 超图控制图层的显示与隐藏
// 控制倾斜摄影的显示与隐藏imgChange () {this.imgChecked = !this.imgChecked //点击之后切换图层的被选状态if (this.imgChecked === true) {scene.addS3MTilesLayerByScp(‘########/rest/realspace/datas/config/config’, //地址写到config那一级{ name: ‘config’ })} else {scene.layers.remove
2020-11-23 16:44:08
1204
原创 超图在地图上添加与删除kml文件
viewer.dataSources.add(Cesium.KmlDataSource.load(‘####.kml’,{camera: viewer.scene.camera,canvas: viewer.scene.canvas,clampToS3M: true})).then(function () {kml = viewer.dataSources.get(viewer.dataSources.length - 1)})} else {viewer.dataSources.
2020-11-23 16:39:15
1009
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人