自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

mf_717714的博客

共同进步,共同学习,共同分享,共同交流

  • 博客(32)
  • 资源 (2)
  • 问答 (2)
  • 收藏
  • 关注

原创 Vue Router 的params和query传参的使用和区别(详尽)

首先简单来说明一下$router和$route的区别//$router : 是路由操作对象,只写对象//$route : 路由信息对象,只读对象//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age:'11' }})//读取 ...

2018-08-22 15:38:51 173058 50

原创 ts + websocket封装

ts + websocket封装。

2024-01-23 13:59:34 1055

原创 单点登录和普通登录的区别,来自百度AI的解释

单点登录(Single Sign On,简称SSO)是指在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。当用户在身份认证服务器上登录一次以后,即可获得访问单点登录系统中其他关联系统和应用软件的权限,同时这种实现不需要管理员对用户的登录状态或其他信息进行修改。

2023-12-15 10:17:26 577

原创 uniapp物理键/右滑多次退出应用,再次进入显示白屏的问题

解决uniapp 安卓多次使用物理返回键退出应用后 再次进入显示白屏的问题

2023-10-08 11:13:51 933

原创 openlayers点标记只在视图内展示,视图外不展示,用于大量数据展示

通过判断坐标是否在当前视图内,若在则显示,反之不显示。然后根据移动,放大或缩小地图,改变视图,展示新的点标记。如下图所示:图1,移动前只有视图内标记显示图2,移动后,新的视图内显示视频openlayers点标记只在视图内展示,视图外不展示。

2023-09-06 11:33:47 643

原创 字符串数组坐标转换数字坐标函数

字符串经纬度转数字经纬度,一维数组,二维数组,三维数组中的值全部转化为数值

2022-12-16 15:42:05 512 1

原创 vue2.x + zTree,简单的二次封装(二) -- 添加模糊搜索功能

根据官方提供的模糊搜索功能fuzzySearch函数进行稍微修改,添加到自己的封装Tree中。

2022-09-15 09:40:29 1233

原创 vue2.x + zTree,简单的二次封装

针对zTree在Vue中的简单的二次封装,实现简单的基本功能。能够进行快速开发。

2022-07-12 13:49:47 1353

原创 ArcGis4.x常用的方法集合

export class CreateApiForMap { createPointGeometry({ longitude, latitude }) { // 创建点 Geometry new Point() return { type: "point", longitude, latitude, }; } createPointSymbol({ color,

2022-05-12 16:49:30 354

原创 火星坐标系(高德)和84坐标系互换

火星坐标系(高德)和84坐标系互换

2022-05-09 15:44:41 1980

原创 json树形结构数据的常用方法

1,初始化树形结构数据/* * 树形数据递归,最后一级节点children初始化设为null * * data 树数据(数组) * */export function InitializationTree(data = []) { if (!data || !Array.isArray(data)) { return; } // 循环遍历json数据 for (let i = 0; i < data.length; i++)

2021-03-04 14:11:02 2197

原创 element-ui 时间控件使用v-if导致控件错位

这个并不算Element的bug,你在v-if与v-else中使用了同一种Component,这两个Component属性也基本一致,所以Vue会复用之前的组件,但Vue中应该避免复用自定义的复杂的组件,很容易出问题,这也是v-for内必须加入key的原因。这个issue就是复用组件时没有把内部引用的this.$refs.reference修改过来,计算popover的位置出错。解决的方法是在两个DatePicker上加上key属性,明确告知Vue这是两个不同的组件,避免组件的复用

2021-01-21 13:52:17 815

原创 vue项目自动化部署简单整合

可以使用WinSCP客户端测试是否连通服务器一,服务器是Linux1, 安装scp2npm install scp2 --save-dev2, 根目录下创建deploy.jsconst client = require("scp2");const ora = require("ora");const chalk = require("chalk");const spinner = ora(chalk.green("正在发布。。。"));spinner.start();/* .

2020-12-29 15:07:56 561

原创 arcgis api for javascript 4.x, 删除绘制的点、线、面

1,在视图mapView 上添加的点线面// 删除所有mapView.graphics.removeAll();// 删除一个const pointGraphic = new Graphic({geometry, symbol})mapView.graphics.remove(pointGraphic);// 删除多个mapView.graphics.removeMany([pointGraphic, polylineGraphic]);2, GraphicsLayer图层上的点线面

2020-07-17 10:54:27 3427 12

原创 arcGis for javaScript4.x 简单实用的绘制点、线、面的geometry函数和symbol函数方法

1,使用new对象的默认的方法点const pointGeometry = new Point({longitude:-118.29026, latitude:34.1816});const pointSymbol = new SimpleMarkerSymbol({ color: [226, 119, 40], outline: { color: [255, 255, 255], width: 1 }})线const lineGeometry = new Polylin

2020-07-09 14:13:21 1250

原创 arcgis api for javascript 4.12 vue 点聚合(2)

这是我第二篇关于vue使用arcGis点聚合的文章,第一篇比较繁琐,写的时候也是半懂,这里对其简化,有些功能也省去,所以想看上一篇的,这里有链接arcgis,使用的插件依旧是FlareClusterLayer(插件链接)1,首先看下效果2,引入插件引入插件的方式,上一篇已经介绍,这里简单说一下,引入插件需要使用绝对地址在public/index.html中引入插件使用script,不要加 type=“text/javascript”<script> var dojoC.

2020-06-10 16:44:18 1759 4

原创 Element-ui+axios+loading封装,支持多种ip域名,多种content-type类型

注: 使用的UI框架是element-ui, 由于封装过程需要使用自定义axios的config,因此使用的axios版本是 0.18.0解析: 多种ip域名,多种content-type类型的原理, 利用axios的自定义config属性, 获取相应的内容axios的请求响应server.interceptors.request.use(config => { // toke...

2019-11-19 15:52:10 649

原创 arcgis api for javascript 4.12 vue 点聚合(1)

使用的插件是FlareClusterLayer注意: 引入插件需要使用绝对地址插件案例<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=...

2019-09-16 13:21:48 4585 12

原创 arcgis api for javascript 4.x 获取当前点击的点/线/图层的信息

通过hitTest()方法可以获取到地图上图层的几何要素view.on(['click'], function(event) { view.hitTest(event).then(function(response) { if (response.results.length) { var graphic = response.results.filter(function(resu...

2019-09-05 18:45:14 4882

原创 arcgis api for javascript 4.x 解决自定义浮层信息展示不随着鼠标事件移动

原理:利用监听鼠标的事件以及监听视窗大小改变和缩放进行重新绘制// 浮层随着鼠标事件移动view.on(['pointer-up', 'drag'], this.createInfoDialog)// 浮层随着视窗大小变化事件移动view.on('resize', this.createInfoDialog)// 监听放大缩小和中心点view.watch(['scale', 'cen...

2019-09-05 18:38:42 1032

原创 Vue Baidu Map组件: 点、线、多边形、圆形、撤销、返回

话不多说,直接上代码:参考官网代码改编:https://dafrok.github.io/vue-baidu-map/#/zh/guide/painting效果图index.vue<template> <baidu-map class="map" :center="{lng: 116.404, lat: 39.915...

2019-07-04 14:45:00 6194 3

原创 vue使用proxyTable解决跨域问题

废话不多说,直接上主题。当后端给我们一个固定接口ip,//接口ipbaseUrl = 'http://www.baidu.com/baidu/'//登录接口login = 'http://www.baidu.com/baidu/login'开始设置跨域1,如果重写地址,重写的地址最好是后端已给的固定地址,此处为 ‘/baidu’ proxyTable: { '...

2019-03-26 16:03:30 2713 2

原创 用H5做官网的CSS3酷炫的过渡效果

做H5官网时,自己封装的css3样式,特效不全,仅供参考1,过渡时间设置/* * transitionN: N代表过渡动画几秒 * transition2: 2s过渡动画 * * 默认 1 --&amp;gt;&amp;gt; 5s*/.transition{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s...

2019-01-22 14:13:14 1521

原创 使用srcipt引入js的情况下使用ES6的export的import语法

注:在此情况下使用,需要把script的type值设置为module ,默认情况下 type=“text/javascript”案例:idnex.html&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;l

2018-11-29 11:30:52 14033 6

原创 vue项目使用cookie、localStorage和sessionStorage进行储存数据

一,cookie的使用1,首先加载模块npm i js-cookie -S2,在使用cookie的页面上进行引入import Cookies from 'js-cookie'3,使用方法创建一个在整个网站上有效的CookieCookies.set('name', 'value');创建一个从现在起7天后过期的cookie,在整个站点上有效:Cookies.set('...

2018-11-19 10:46:24 15133

原创 vue cli2.0不需要打包,局域网下使用ip访问Vue项目

1, 首先找到使用vue脚手架建立项目config文件中的index.js文件2, 修改dev里面的host属性值:改成 host: ‘0.0.0.0’3, 最后在局域网下,使用自己的ip进行连接,同时别忘了重启项目。...

2018-11-19 10:05:44 2173

原创 element-ui中Table表格省市区合并单元格

&amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div&amp;amp;gt; &amp;amp;lt;el-form :inline=&amp;quot;true&amp;quot; :model=&amp;quot;formInline&amp;quot; class=&amp;quot;demo-form-inline&amp;quot;&amp;amp

2018-09-07 11:47:45 8626 6

原创 Vue Router 路由拆分

1,子路由拆分子路由map.jsconst map = [ { path: '/map-mutations', name: 'map-mutations', component: () =&gt; import('@/components/map-mutations') }, { path: '/map-getters', name: 'map...

2018-09-05 09:23:03 4271

原创 vue cli2.0路由的hash模式和history模式的打包并查看本地效果的方法

1,如果路由是hash状态首先打开项目文件夹。找到config文件夹里的index.js文件中的build对象,将assetsPublicPath中的“ / ”,改为“ ./ ”。如图 然后进行打包npm run build如果的到如下提示,不会报任何异常或错误, 如果想本地打开需要一个本地服务器,可以使用Hbuilder,或者安装本地服务。首先确保是全局安装...

2018-08-17 14:56:36 4586

原创 Vue两种环境下的渲染函数render(新手学习)

备注:新手学习,直接引入的方式&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&amp

2018-08-13 16:32:54 2177

原创 封装axios+Element-UI+拦截器

提示:本人是新手,大家看看就好!封装axios,提示信息使用的是Element-UI1,首先安装axios+VueAxios//安装axiosnpm install axios -S//安装VueAxiosnpm install --save axios vue-axios//安装Qsnpm install qs --save-dev//安装Element-UInp...

2018-08-09 15:02:24 7319

原创 vue2.0路由跳转

router.push// 字符串router.push('home')// 对象router.push({ path: 'home' })// 命名的路由router.push({ name: 'user', params: { userId: 123 }})// 带查询参数,变成 /register?plan=privaterouter.push({ path: 'regis...

2018-08-09 14:48:56 777

vue-arcgis.zip

VueCli3.x+ArcGis4.12点聚合,详细文档请看https://blog.csdn.net/mf_717714/article/details/100884821

2019-11-26

arcgix4.12点聚合.rar

原生js下的ArcGis For JavaScript api 4.12执行的点聚合,使用FlareClusterLayer_v4插件

2019-11-26

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除