s_9527_s的博客

原创 折线图切柱状图时超出y轴

折线图切柱状图时超出y轴

原创 Type ‘string[]‘ is not assignable to type ‘never[]‘.

Type 'string[]' is not assignable to type 'never[]'.

原创 滚动条样式修改

滚动条样式修改

原创 js获取树结构数据中默认节点的所有父节点

获取树结构数据节点的所有父节点数据

原创 leaflet-自定义绘制可拖动改变的矩形区域

地图中可以绘制矩形，选中指定矩形后要可以通过拖动点来改变原有矩形区域，拖动时，区域要跟随改变

原创 leaflet-交互事件

leaflet支持的交互事件及绑定事件示例

原创 el-popover的手动隐藏

el-popover的手动隐藏

原创 el-select和el-tree结合使用-树形结构多选框

el-select和el-tree结合使用-树形结构多选框

原创 el-input和el-tree，el-popover结合的树形结构选择框

el-input和el-tree，el-popover结合的树形结构选择框

原创 Leaflet-Draw小bug记录

最近项目有用到leaflet-draw插件，发现一个小问题，查看文档后发现文档也有相同的问题，Leaflet Draw | Mapbox.js | MapboxAdd drawing tools for users to author shapes using the Leaflet Draw plugin.https://docs.mapbox.com/mapbox.js/example/v1.0.0/leaflet-draw/问题描述：如下图，1点击后鼠标不移动，2就会出现在页面左上角。（感觉这样不

原创 el-date-picker手动隐藏日期选择

前言：在项目中遇到要移动模块，但是移动时没有触发el-date-picker的blur，导致模块移动时el-date-picker的日期选择框没有关闭，未达成效果。首先，查看element文档发现el-date-picker的methods方法中只有focus，没有blur但是还是添加了ref，打印查看，眼见为实可以看到是有一个blur方法的，于是就添加了 this.$refs.selectMove2.blur()尝试，结果发现，并没有解决问题，picker日期弹窗还是存在的，没有.

原创 初学react-创建并运行项目

本篇数据通过脚手架创建一、脚手架安装npm install -g create-react-app通过以上命令安装完成后可以通过一下命令查看create-react-app的版本号及是否安装成功create-react-app -V二、通过命令创建项目npx create-react-app 项目名称然后静等这样就创建完成了，项目创建完成后的效果三、运行项目cd 切换到文件中，然后运行npm start命令就可以了，如果是拉取的项目没有依赖的话，..

原创 使用vue-i18n进行简单的中英文切换

原创 js对象循环

数组循环都很常见，最近碰到需求想试下对象循环。话不多说，直接上代码方法1let map = { 'a':'1', 'b':'2', 'c':'3'}for(key in map1){ console.log(key,'='+map1[key])}方法2let map = { 'a':'1', 'b':'2', 'c':'3'}for (var key of Object.keys(map) { console.log(key + '=' + map[ke

原创 leaflet-线的绘制与带箭头的线

1.创建空的图层组this.xiangroup = L.featureGroup([]) //创建图层this.map.addLayer(this.xiangroup)2.绘制,使用L.polyline（记住两点一线，如果只有一个点的经纬度，是没有线的）var latlngs = [ //线中点的经纬度点 [38, 0], [38, 180], [0, 0]]this.polyline = L.polyline(latlngs, { color: 'r...

原创 leaflet-创建点标记

在项目中经常会遇到有要求在地图固定的经纬度上添加一个点或者添加一个图形标记来展示标志性的地方,一般就是带颜色的点或者一个小图片。1点的创建要是从文档找点，是找不到的，但是可以找到创建圆的，通过L.circleMarker就可以let marker = L.circleMarker(new L.LatLng(38, 107), { // 创建点 (38, 107)为经纬度 color: '#000', //线颜色 weight: 5, //线宽度 opacity: 1, //透明度 fi

原创 leaflet-图层

前言：项目中会在地图上绘制很多的标记路线，如果都放在map容器中，那么对其中的个别标记或路线进行修改时可能会影响到其他的。为了使项目效果更流畅，地图更方便管理，那么就需要用到图层组。一、创建图层组1.创建空的图层组let creategroup = L.featureGroup([]) //创建图层console.log(creategroup)this.newcreategroup = L.layerGroup([]) //创建图层console.log(this.newcreateg

原创 leaflet的引入

Leaflet - a JavaScript library for interactive mapshttps://leafletjs.com/进入后也许页面是这样的（简介）点击这里就可以查看文档了常用的两种引入方式，cdn和npm一、cdn引入1.复制一下代码到html中<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha..

原创 vue-router的简单使用

一、下载1.npm下载引入vue-router (npm install vue-router@3)下载后可以去package.json文件中看一下vue-router的版本2.当时我在版本这里有遇到一个问题：当时版本是4.0以上且报错obj 问题我当时的解决办法是降低版本为3.0版本的，然后重新运行项目，当时降低版本后问题依然没解决，直到重启编辑器，并重新运行项目就莫名解决了（大神知道原因的话欢迎指导）二、创建路由1下载完成后创建一个js文件作为配置路由的文件（我的是rou

原创 vue文件下载-blob

请求下载文件接口返回如下1将responseType设置为blob2将接收的数据转为blob并进行操作axios({ url: url, method: 'GET', data: {}, responseType:'blob', header: { 'X-Requested-With': "XMLHttpRequest", "Content-Type":ContentType, },}).then(res => { //type设置下载(格式)此处.

原创 echarts的简单使用

echarts官网Apache EChartsECharts, a powerful, interactive charting and visualization library for browserhttps://echarts.apache.org/zh/index.html一、echarts的引入1、cdn引入https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.js2、npm引入npm install echar

原创 Vue中Element的使用

这里介绍cdn和npm的方式。一. cdn的方式1.引入cdn<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script><!-- 引入组件库 --..