摘要:
vue 中国省市区级联数据下拉工具 最近vue玩的时候需要有一个全国省市区县的下拉工具选择地区,并且需要获取地市的行政编码。找了一个比较好用的插件,稍微分享一下。 element-china-area-data 这是一个中国省市区连级数据下拉工具,可以获取行政区编码,也可以获取省市区的名称,具体的效
阅读全文
posted @ 2022-07-18 16:04
叫我+V
阅读(1143)
推荐(0)
摘要:
Vue3 组件传值 今天说一下 vue3 的组件间传值,学习过 vue2 的宝子们肯定知道,组件传值是 vue 项目开发过程中必不可少的功能场景,在 vue2 里面有很多传值的方式,vue3 的传值方式呢,在这里稍微整理总结一下,但是不是很全,后期可能慢慢补充。 父子组件传值 props 和 vue
阅读全文
posted @ 2022-07-09 10:26
叫我+V
阅读(622)
推荐(0)
摘要:
Vue3 shallowRef 和 shallowReactive 嗯,怎么说呢,其实这两个函数并不是很常用,在开发过程中基本上用不到,但是呢,我不写我又感觉少点啥,所以说就简单的说一下吧,其实不看也可以哈。 shallowRef 和 shallowReactive shallowRef 函数,只处
阅读全文
posted @ 2022-07-08 17:43
叫我+V
阅读(88)
推荐(0)
摘要:
Vue3 watchEffect 侦听器 上一节我们学习了 watch 侦听器的基础用法,用来监听页面数据的变化,那么今天呢,我们来学习一下 watch 侦听器的好兄弟 watchEffect 侦听器。这个相对来说比较简单,用的不是很多,当然了,根据自己的项目情况自行决定使用。这个就不详细说了,简单
阅读全文
posted @ 2022-07-08 16:49
叫我+V
阅读(239)
推荐(0)
摘要:
Vue3 侦听器 watch 上一节我们简单的介绍了一下 vue3 项目中的计算属性,这一节我们继续 vue3 的基础知识讲解。 这一节我们来说 vue3 的侦听器。 学过 vue2 的小伙伴们肯定学习过侦听器,主要是用来监听页面数据或者是路由的变化,来执行相应的操作,在 vue3里面呢,也有侦听器
阅读全文
posted @ 2022-07-07 21:31
叫我+V
阅读(819)
推荐(0)
摘要:
Vue3 计算属性 上一篇博文说了 vue3 项目的 toRefs 函数和 toRef 函数,今天就稍微总结一下 vue3 的计算属性,其实学过 vue2 的宝子们应该都清楚,计算属性这个东西在项目开发过程中使用的还是比较频繁的,使用频率相对来说比较高,所以说咱今天稍微总结一下 vue3 项目中的计
阅读全文
posted @ 2022-07-06 22:13
叫我+V
阅读(568)
推荐(0)
摘要:
Vue3 toRef 和 toRefs 函数 上一篇博文介绍了 vue3 里面的 ref 函数和 reactive 函数,实现响应式数据,今天主要来说一下 toRef 函数和 toRefs 函数的基本使用。 toRef 函数 通过上一篇博客,我们知道,ref 函数可以创建一个响应式的数据,那 toR
阅读全文
posted @ 2022-07-04 22:22
叫我+V
阅读(2335)
推荐(1)
摘要:
vue3 ref 和 reactive 函数 前言 上一篇博文介绍 setup 函数的时候,最后出现一个问题,就是在 setup 函数中,编写一个事件,直接去修改定义的变量,发现页面上没有更新成功,并且控制台报错,那这篇博客就是讲解遇到的这个问题应该如何处理。 ref 函数介绍 ref 作用就是将基
阅读全文
posted @ 2022-07-03 22:20
叫我+V
阅读(1032)
推荐(0)
摘要:
Vue3 setup 函数 vue2 和 vue3 开发的区别 首先,目前来说 vue3 发布已经有一段时间了,但是呢,由于还处于优化完善阶段,对于 vue3 开发项目的需求不是很高,主要还是以 vue2 开发为主,但是相信,vue3 进行项目开发是大势所趋。 vue2 开发项目过程中,会存在代码冗
阅读全文
posted @ 2022-07-03 20:28
叫我+V
阅读(609)
推荐(0)
摘要:
Vue3 生命周期 先说点啥哈,我之前学习过 Vue2,但是呢,Vue3 也发布不少时间了,尽管现在大部分公司还是在使用 Vue2 做开发,但是 Vue 之父尤雨溪曾经说过,Vue3 是未来的趋势,建议初学者直接学习 Vue3,但是现在 Vue3 尽管发布,但是有些地方还在维护更新,难免会出现一些小
阅读全文
posted @ 2022-07-03 15:44
叫我+V
阅读(1139)
推荐(0)
摘要:
Vue3 + Vite 实现项目搭建 首先嘞,这个博文就是简单的记录一下自己的对 Vue3 的学习,所以说呢,并不代表他是完全正确的。 Vite 创建 Vue3 项目有两种常见的方式,一种是想 vue2 版本一样使用脚手架工具创建,创建 vue3 项目的脚手架必须是4版本以上的,另一种方法就是使用
阅读全文
posted @ 2022-07-02 16:33
叫我+V
阅读(2376)
推荐(0)
摘要:
vue3 - 介绍 vue3 简介 vue3提供了更好的性能,更小的捆绑包体积,更好的TS集成,用于处理大规模用例的新 API。 3.0版本的vue,开发周期长达两年多。 3.0的发布,标志着此框架整体呈现出可用状态,尽管框架的某些子项目可能仍需要进一步开发才能打发哦稳定状态,特别是路由和VUEX的
阅读全文
posted @ 2022-07-02 16:32
叫我+V
阅读(310)
推荐(0)
摘要:
Cesium实现卫星在轨绕行 这个效果其实网上很多案例了,本来不打算写了,但是做都做了,稍微来说一下吧,代码实测可用! 最后的效果就是这个样子的啦! 就是很简单的一个卫星,放射信号,然后围着轨道转圈圈。 资源网站 首先呢,分享几个网站,尽管大家应该都有,但是还是分享一下子吧。 cesium API
阅读全文
posted @ 2022-06-27 10:52
叫我+V
阅读(1514)
推荐(0)
摘要:
cesium 图形标注圆形、正方形、多边形、椭圆等 这个是啥子嘞,就是向cesium上面添加圆形、正方形啥的。 官方案例 案例:https://sandcastle.cesium.com/?src=Geometry%20and%20Appearances.html 中文API文档:http://ce
阅读全文
posted @ 2022-06-23 11:04
叫我+V
阅读(1605)
推荐(0)
摘要:
Cesium 拖拽3D模型 这个地方是想实现一个什么效果呢?就是使用 cesium 在地图上添加一个3D模型,然后实现拖拽效果。 添加基站模型 然后这篇博文介绍的主要不是添加模型,但是也简单把代码直接粘贴过来吧,就不详细说了。 // 添加基站模型 function addSite() { let p
阅读全文
posted @ 2022-06-22 13:30
叫我+V
阅读(656)
推荐(1)
摘要:
Cesium 加载显示热力图 我是一个小白,到目前为止对于3D方面的东西不是特别的懂,所以说,对于cesium使用的并不是特别的好,可以说根本不会吧,所以说也是在一点一点摸索,一点一点学习的过程中,所以说有些博文写的可能不是准确的,只是用来记录一下学习过程,错了别喷我啊!! CesiumHeatma
阅读全文
posted @ 2022-06-22 10:59
叫我+V
阅读(783)
推荐(0)
摘要:
vue 项目 openlayer 加载 WMS 图层 这个是啥子情况呢,是我用 openlayer 加载 geoserve 发布的图层,然后发布出来的图层是 wms 的,所以说这篇博文主要是用来操作 vue 项目使用 openlayers 加载 geoserve 发布的 wms 图层。 geoser
阅读全文
posted @ 2022-06-21 15:31
叫我+V
阅读(739)
推荐(0)
摘要:
vue 项目 openlayers 点击弹窗 这个写的稍微简单一点就行了,其实呢,这个不是很难,主要是知道原理就可以了。 我想实现的内容是什么意思呢?就是说页面上有很多坐标点,点击坐标点的时候在相应的位置弹出一个框,然后框里显示出这个坐标点的相关数据。 解释 这个内容的其实就是添加一个弹窗图层,然后
阅读全文
posted @ 2022-06-21 10:32
叫我+V
阅读(466)
推荐(0)
摘要:
vue 项目使用 openlayers根据半径绘制圆形、绘制多边形 这个地方我就简单点写吧,因为一些东西比较乱,有的包啥的就按照官网API开发文档根据报错提示自己添加就可以了,我这个地方就不重复写了。 绘制圆形 这里的绘制圆是指当后台返回数据,告诉你以某个经纬度坐标为圆心,或者是顶点,以 r 为半径
阅读全文
posted @ 2022-06-17 15:13
叫我+V
阅读(1569)
推荐(0)
摘要:
cesium 绘制栅栏 网上的资料要不收费,要不代码不全,很多跟绘制墙体有关的案例要不缺放法要不干嘛的,我自己根据网上的方法又加上自己百度改,最后实现了一个效果,和我想实现的效果差不多,分享一下子。 最终效果 反正这篇博文最后实现的效果就是上面动图的效果,如果你想实现的效果不是这个样子的话就不要看了
阅读全文
posted @ 2022-06-06 11:48
叫我+V
阅读(777)
推荐(2)
摘要:
openlayer 绘制扇形 我在网上看了很多说是绘制扇形的方法,但是我用的时候都不是很好玩,所以说呢,我自己整理了一下,符合了我想要的效果,尽管我能力有限,还是决定分享一下,因为找资料太难了! 我比较懒,就不废话了,直接上代码! 创建openlayers地图 包我就不复制了,根据官网提供的API自
阅读全文
posted @ 2022-06-02 17:26
叫我+V
阅读(431)
推荐(0)
摘要:
Openlayers 接入 Geojson 文件实现行政区域边界绘制 openlayers 绘制行政区域边界的问题其实不是很麻烦,其实如果有区域的坐标列表,那么按照坐标列表绘制多边形就可以了,关键是没有。有两个办法,一个是高德地图支持查询行政区的范围坐标,感兴趣的话可以去看一下高德的API接口,一个
阅读全文
posted @ 2022-06-02 16:43
叫我+V
阅读(1461)
推荐(0)
摘要:
vue脚手架3使用 cesium 前前后后写了3篇vue使用cesium的博文了,我都写烦了,因为我用的挺好,但是仅限于我自己。 主要是之前写的我觉得确实有瑕疵,今天这个我实验了,没有那么多的配置,而且还很顺利,没有任何错误提示,稍微写一下吧再,这篇写完,在也不写了。 安装 Cesium 直接使用n
阅读全文
posted @ 2022-05-19 09:58
叫我+V
阅读(468)
推荐(0)
摘要:
VUE前段面试题 Vue优点 轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十KB。 简单易学:国内框架,中文文档,不存在语言障碍,容易学习入门。 双向数据绑定:保留了angular特点,在数据操作上面更加的方便。 组件化:保留了react的优点,实现了html的封装复用,在构建但也
阅读全文
posted @ 2022-05-05 10:43
叫我+V
阅读(71)
推荐(0)
摘要:
vue 两个数组的差值 现在是什么情况呢,比如说哈,我有一个数组A,里面有几个数,然后我还有一个数组B,里面还有几个数,然后我想知道数组A中哪些数是数组B没有的,或者是数组B中哪些数是数组A没有的,理解吗?就是这个意思。 可以自己写逻辑的,就是费劲,当然可以实现,但是呢,我比较懒,不想重复造轮子,所
阅读全文
posted @ 2022-04-24 17:25
叫我+V
阅读(273)
推荐(0)
摘要:
vue openlayer 添加风场效果 一个简单的小demo,就是在一个openlayers地图上面添加风场效果。 话不多说,直接进入正题。 首先我们需要安装一个插件。 插件地址:https://www.npmjs.com/package/ol-wind npm install ol-windy
阅读全文
posted @ 2022-04-24 14:23
叫我+V
阅读(717)
推荐(0)
摘要:
Vue 将字符串保存成 TXT 文件保存到电脑 vue 前端有一段字符串,然后点击按钮,将字符串保存到 txt 文件下载到电脑。 首先需要安装一下依赖: npm install file-saver --save 安装完成,在需要下载txt文件的页面引入一下库。 import { saveAs }
阅读全文
posted @ 2022-04-21 14:16
叫我+V
阅读(1627)
推荐(0)
摘要:
vue 实现高德坐标转GPS坐标 首先介绍一下常见的几种地图的坐标类型: WGS-84:这是一个国际标准,也就是GPS坐标(Google Earth、或者GPS模块采集的都是这个类型)。 GCJ-02:中国坐标偏移标准,像是Google Map、高德、腾讯地图都是采用这种坐标展示。 BD-09:百度
阅读全文
posted @ 2022-04-20 10:34
叫我+V
阅读(1320)
推荐(0)
摘要:
vue 使用 openlayer 实现测距功能 首先呢说明一下,我是跟着一个大佬学的,所以我是个小次佬,openlayer的官网上面给出了案例,但是习惯vue开发的我完全不理解,关键是连注释都没多少,而且我 openlayer 用的本来就不多。 然后这里分享一下官网的测距案例:https://ope
阅读全文
posted @ 2022-04-07 16:24
叫我+V
阅读(822)
推荐(0)
摘要:
vue openlayer 使用 谷歌地图 图层 首先呢,openlayer地图使用的时候有一个默认的地图样式,就是下面这个样子的呢! 但是呢,有些人不是很喜欢这些东西的呢,比如想换成谷歌的图层,其实很简单,就是下面的代码。 相关类库: import 'ol/ol.css'; import Map
阅读全文
posted @ 2022-04-07 10:36
叫我+V
阅读(256)
推荐(0)