- 博客(189)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 vue 打包发布
1. 打包之前需要先修改config下的index.js文件中build，assetsPublicPath:'./' build: { //index.html路径 index: path.resolve(__dirname, '../dist/project/index.html'), //静态文件的路径 assetsRoot: pat...
2019-06-14 12:02:53
12677
原创 echart相关操作xAxis,yAxis,series,grid,(包括x轴样式，y轴样式，折现样式，网格样式，折现阴影，折线上方显示数据，x轴文字倾斜，图例，标题， tooltip文字自定义)
样式截图大概如下：1. x，y轴相关操作：xAxis，yAxis (1) x，y轴的颜色： axisLine: { lineStyle: { color: '#2898e5', }, }, (2...
2019-05-16 15:49:52
22591
8
原创 echarts 饼图以及图例的位置及大小，环图中间字
1. 如下图所示，图的位置大小以及图例的位置： 2. 代码如下图所示：legend位置（图例位置），radius大小（图大小），center位置（图位置） var option = { title: { text: '', subtext: '', x: 'center' }...
2019-04-15 11:40:38
61347
14
原创 leaflet聚合（MarkerCluster）-标记过多，缩小后显示数量
1. 参考官方文档：https://github.com/Leaflet/Leaflet.markercluster2. 效果图如图所示： 3.npm install leaflet.markercluster 运行此命令下载leaflet的markercluster插件4. angular4中放入到angular.json中（css样式和js文件）"node_mo...
2018-09-14 14:18:27
16271
3
原创 css的img布满全屏
1. background-image的布满全屏'background-image': 'url','width':'100%','max-width':'100%','max-height':'500px','height': '330px','background-size':'100% 100%','-moz-background-size':'100% 100...
2018-03-15 16:25:25
10995
原创 leaflet移除一次标记removeLayer和移除所有标记clearLayer
1. 移除一次标记用removeLayer方法 使用方法如下： 1> 全局定义一个变量 var layer； 2> 在方法中调用赋值 var latlngs=[[12,23],[经度，纬度]] 3>this.layer=L.polygon(latlngs,{color:'blue',fillColor:'...
2018-03-15 10:02:23
25760
4
原创 angular17 打包项目放在了多出了个browser目录
改成"builder": "@angular-devkit/build-angular:browser",把"browser": "src/main.ts",改成"main": "src/main.ts",修改package.json配置文件，把。
2024-04-18 21:14:07
477
原创 angular14 webpack ＜ 5 used to include polyfills for node.js core modules by default.
angular自定义webpack配置
2022-06-17 15:08:49
930
原创 cesium mars3d天地图标注置顶
如图所示，文字跟道路在影像文件顶部1.cesium三维： 必须得重新添加一下标注文件，并设置属性天地图标注： var tileLayer = new mars3d.layer.TdtLayer({ name: "天地图影像注记", layer: "img_z", key: mars3d.Token.tiandituArr, zIndex:1000 //设置越大越在上边 }) map.addLayer(til..
2022-05-25 11:44:49
1277
3
原创 js保存当前页面的截图 (leaflet下载当前页面截图，线会偏移问题解决)
这是保存的leaflet地图，leaflet必须用上一个属性L.canvas才可以保证geojson数据准确上代码:html <div id="map" class="map"></div>ts代码： var mapid = document.querySelector('#map'); const scale = window.devicePixelRatio; // // 传入节点原始宽高 const _width = ma
2022-05-19 09:07:24
759
4
原创 angular12 引入args3d
内容如下:1. 下载npm install mars3d2. 拷贝文件public\config\config.json拷贝官网地址：GitHub - marsgis/mars3d-angular-template: Angular技术栈下的Mars3D项目模板3. 配置文件angular.json"assets": [ "src/favicon.ico", "src/assets", ....
2022-04-19 16:06:22
290
原创 js 把手机号分割，加-线 111-1111-1111
splitPhone(str) { if (str.length !== 11) return str var arr = str.split('') arr.splice(3, 0, '-'); arr.splice(8, 0, '-'); return arr.join(""); } //打印：156-0130-1019 console.log(this.splitPhone("15601301019"));...
2022-04-13 16:27:51
1144
原创 css列表布局
代码如下： 图下是小程序的代码，view代表div<view class="shop-item" wx:for="{{shopList}}" wx:key="id"> <view class="thumb"> <image src="{{item.images[0]}}"></image> </view> <view class="info"> <text class="shop-title">...
2022-04-13 15:29:40
462
原创 angular2显示与隐藏 *ngIf [hidden]
1. *ngIf是直接删掉相关的div echartVisable=true <div *ngIf="echartVisable">显示</div> <div *ngIf="!echartVisable">删除</div>2. [hidden]只是隐藏，div还在 echartVisable=true <div [hidden]="!echartVisable">显示</div> <div...
2022-04-02 14:56:18
2261
原创 ng-zorro table怎么更改滚动条样式
没改完之前是：修改效果图如下：代码如下：:host ::ng-deep .ng-star-inserted::-webkit-scrollbar{ width:5px; height:1px;}:host ::ng-deep .nz-table-hide-scrollbar::-webkit-scrollbar { width: 5px; //这是表头的右侧显示背景色 background: #072e5d;}:host ::ng-deep .n..
2022-03-25 16:07:01
722
原创 js 防抖
防抖函数的定义是当事件触发完成之后再延迟触发，并且只触发一次；如果频繁滚动就会刷新定时器，这样就不会执行函数，如果停止后，一秒后才会继续执行下边例子是滚动停止一秒后执行，也可以是input输入，停止后再执行ngOnInit(){ window.onscroll = e => { this.debounce(this.showTop, 1000) }}showTop() { var scrollTop = document.body.scrollTop || docume
2022-03-25 10:52:37
673
转载 js 中forEach map filter some every的区别
1，forEach循环，循环数组中每一个元素并采取操作， 没有返回值， 可以不用知道数组长度2，map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新的数组，原数组不变3，filter函数， 过滤通过条件的元素组成一个新数组， 原数组不变4，some函数，遍历数组中是否有符合条件的元素，返回Boolean值5，every函数， 遍历数组中是否每个元素都符合条件， 返回Boolean值当然， 除了遍历数组之外，还有遍历对象，常用方...
2022-03-24 16:14:06
178
原创 leaflet marker发布服务器找不到文件
放入两个对应的文件即可marker-icon.2b3e1faf89f94a483539.png")marker-icon-2x.pngmarker-icon.2b3e1faf89f94a483539.png")marker-shadow.png
2022-03-11 12:45:37
392
原创 Cannot find name ‘require‘. Do you need to install type definitions for node? Try `npm i @types/node
如果出现以下错误， 需要声明一下requireangular没有require的用法，require是node的语法，所以在用的上边先声明一下declare var require;此用法我在另一篇文章中有用：leaflet 绘制图标 marker-icon-2x 404_小武的博客-CSDN博客...
2022-03-04 14:10:37
1139
原创 leaflet 绘制图标 marker-icon-2x 404
错误如下图所示：解决方法如下：注意：require在angular中不能使用，是属于node的语法，所以需要声明一下declare var require;let DefaultIcon = L.icon({ iconUrl: require('leaflet/dist/images/marker-icon-2x.png'), iconRetinaUrl: require('leaflet/dist/images/marker-icon.png'), shad.
2022-03-04 14:06:04
758
2
leaflet 风向粒子调用的js和json资源
2022-02-22
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人