wu_223-优快云博客

原创 js前端读取图片流

直接在src中写上就好：<img src="data:image/png;base64,图片流数据" alt="">

2019-07-10 17:06:23 15690 4

原创 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 12727

原创 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 22792 8

原创 echarts 饼图以及图例的位置及大小，环图中间字

1. 如下图所示，图的位置大小以及图例的位置： 2. 代码如下图所示：legend位置（图例位置），radius大小（图大小），center位置（图位置） var option = { title: { text: '', subtext: '', x: 'center' }...

2019-04-15 11:40:38 62451 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 16488 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 11175

原创 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 26443 5

原创 mars3d 球在pad上只显示边界圆，不显示内容

解决pad上不显示球体内容，只显示边界线的问题

2024-12-16 12:58:23 213

原创 angular xlsx-style，复杂表头样式导出

angular 导出复杂表头的表格，并加excel样式

2024-08-27 16:26:25 370

原创 angular父组件调用子组件的方法，子组件回传值

angular父组件调用子组件的方法，子组件回传值。

2024-07-19 16:40:43 362

原创 angular调用相同路由，但是id不同的时候页面不会重新加载

调用相同路由，但是id不同的时候页面不会重新加载

2024-07-19 16:25:23 235

原创 angular17 打包项目放在了多出了个browser目录

改成"builder": "@angular-devkit/build-angular:browser",把"browser": "src/main.ts",改成"main": "src/main.ts",修改package.json配置文件，把。

2024-04-18 21:14:07 839

原创 angular node版本问题导致运行出错时应该怎么处理

angular 中node版本过低运行失败处理方法

2024-04-17 19:16:06 241

原创 js获取指定日期的前一年（需要判断闰年和平年）

js获取指定日期的前一年日期，分闰年、平年

2023-03-30 10:54:16 2482

原创 angular nz-upload 文件上传判断类型(只可图片和视频)，判断大小不超过60MB

文件上传限制文件类型、大小

2023-03-24 16:40:50 1174

原创 js 判断是否type是否等于image/jpeg、image/jpg...，可以用includes

js includes

2023-03-24 16:32:37 369

原创 angular 获取dom的制定id元素

angular 如何获取到dom的某个id元素

2023-03-15 11:39:03 714

原创 echarts高度设置height:100%不起作用

echarts height:100%不起作用

2023-03-15 09:37:27 4920

原创 FileSaver+XlSX表格导出angular版

file-saver+xlsx表格导出

2023-02-02 12:23:15 343

原创 leaflet geoJson覆盖根据窗口变动而调整

leaflet 根据窗口变化显示完全

2022-09-06 17:30:33 530

原创 leaflet 按地区绘制反向遮罩层

leaflet按行政反向绘制遮罩层

2022-09-01 12:50:45 1587 3

原创 echarts x轴文字竖着正文字

echarts 柱状图x轴竖着正文字

2022-08-29 10:33:56 1104

原创 angular14 webpack ＜ 5 used to include polyfills for node.js core modules by default.

angular自定义webpack配置

2022-06-17 15:08:49 1006

如图所示，文字跟道路在影像文件顶部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 1489 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 868 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 331

原创 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 1234

原创 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 506

原创 css border边框不占外边的边距

box-sizing:border-box;

2022-04-11 17:57:40 1840

原创 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 2366

原创 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 831

原创 js 防抖

防抖函数的定义是当事件触发完成之后再延迟触发，并且只触发一次；如果频繁滚动就会刷新定时器，这样就不会执行函数，如果停止后，一秒后才会继续执行下边例子是滚动停止一秒后执行，也可以是input输入，停止后再执行ngOnInit(){ window.onscroll = e => { this.debounce(this.showTop, 1000) }}showTop() { var scrollTop = document.body.scrollTop || docume

2022-03-25 10:52:37 710

转载 js 中forEach map filter some every的区别

1，forEach循环，循环数组中每一个元素并采取操作，没有返回值，可以不用知道数组长度2，map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新的数组，原数组不变3，filter函数，过滤通过条件的元素组成一个新数组，原数组不变4，some函数，遍历数组中是否有符合条件的元素，返回Boolean值5，every函数，遍历数组中是否每个元素都符合条件，返回Boolean值当然，除了遍历数组之外，还有遍历对象，常用方...

2022-03-24 16:14:06 202