- 博客(33)
- 资源 (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
178579
53
原创 单点登录和普通登录的区别,来自百度AI的解释
单点登录(Single Sign On,简称SSO)是指在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。当用户在身份认证服务器上登录一次以后,即可获得访问单点登录系统中其他关联系统和应用软件的权限,同时这种实现不需要管理员对用户的登录状态或其他信息进行修改。
2023-12-15 10:17:26
801
原创 openlayers点标记只在视图内展示,视图外不展示,用于大量数据展示
通过判断坐标是否在当前视图内,若在则显示,反之不显示。然后根据移动,放大或缩小地图,改变视图,展示新的点标记。如下图所示:图1,移动前只有视图内标记显示图2,移动后,新的视图内显示视频openlayers点标记只在视图内展示,视图外不展示。
2023-09-06 11:33:47
908
原创 vue2.x + zTree,简单的二次封装(二) -- 添加模糊搜索功能
根据官方提供的模糊搜索功能fuzzySearch函数进行稍微修改,添加到自己的封装Tree中。
2022-09-15 09:40:29
1350
原创 ArcGis4.x常用的方法集合
export class CreateApiForMap { createPointGeometry({ longitude, latitude }) { // 创建点 Geometry new Point() return { type: "point", longitude, latitude, }; } createPointSymbol({ color,
2022-05-12 16:49:30
400
原创 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
2312
原创 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
928
原创 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
642
原创 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
3695
13
原创 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
1326
原创 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
1897
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
708
原创 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
4673
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
5007
原创 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
1098
原创 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
6374
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
2752
2
原创 用H5做官网的CSS3酷炫的过渡效果
做H5官网时,自己封装的css3样式,特效不全,仅供参考1,过渡时间设置/* * transitionN: N代表过渡动画几秒 * transition2: 2s过渡动画 * * 默认 1 --&gt;&gt; 5s*/.transition{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s...
2019-01-22 14:13:14
1597
原创 使用srcipt引入js的情况下使用ES6的export的import语法
注:在此情况下使用,需要把script的type值设置为module ,默认情况下 type=“text/javascript”案例:idnex.html&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &l
2018-11-29 11:30:52
14390
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
15602
原创 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
2229
原创 element-ui中Table表格省市区合并单元格
&amp;lt;template&amp;gt; &amp;lt;div&amp;gt; &amp;lt;el-form :inline=&quot;true&quot; :model=&quot;formInline&quot; class=&quot;demo-form-inline&quot;&amp
2018-09-07 11:47:45
8736
6
原创 Vue Router 路由拆分
1,子路由拆分子路由map.jsconst map = [ { path: '/map-mutations', name: 'map-mutations', component: () => import('@/components/map-mutations') }, { path: '/map-getters', name: 'map...
2018-09-05 09:23:03
4332
原创 vue cli2.0路由的hash模式和history模式的打包并查看本地效果的方法
1,如果路由是hash状态首先打开项目文件夹。找到config文件夹里的index.js文件中的build对象,将assetsPublicPath中的“ / ”,改为“ ./ ”。如图 然后进行打包npm run build如果的到如下提示,不会报任何异常或错误, 如果想本地打开需要一个本地服务器,可以使用Hbuilder,或者安装本地服务。首先确保是全局安装...
2018-08-17 14:56:36
4656
原创 Vue两种环境下的渲染函数render(新手学习)
备注:新手学习,直接引入的方式&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta http-equiv="X-UA-Compatible&
2018-08-13 16:32:54
2231
原创 封装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
7410
原创 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
814
vue-arcgis.zip
2019-11-26
请问大佬们,scss自定义函数怎么转换成less自定义函数?
2021-04-26
请问大佬们,less的自定义函数插件less-plugin-functions怎么使用?
2021-04-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人