vue基础知识总结
vue基础知识总结
汪小敏同学
努力经营当下,直至未来明朗。
展开
-
Vue+Leaflet.PM插件实现创建和编辑几何图形(点、线、面、圆等)
支持标记、CircleMarkers、折线、多边形、圆形、矩形、LayerGroups、GeoJSON 和 MultiPolygons。在上面加载显示OSM的基础上,使用Leaflet.pm插件实现在页面上绘制、编辑、剪切、移动几何元素。1、首先已经安装并引入了leaflet,其次安装leaflet.pm。5、其他属性、事件说明等参考官方说明。可绘制、编辑、拖动、剪切和捕捉图层。用于创建和编辑几何图层的插件。Leaflet.pm插件。原创 2023-01-04 10:02:35 · 2023 阅读 · 1 评论 -
vue拖拽div
【代码】vue拖拽div。原创 2022-12-12 16:45:05 · 3330 阅读 · 0 评论 -
vue项目适配屏幕分辨率与屏幕的缩放适配详细教程
目录笔记本或者显示器 默认设置125%或者150%缩放,导致布局错乱的解决方法现在很多14寸的笔记本,出厂默认就是150%的显示。导致很多时候我们的项目,自己开发的时候都是按照100%比例来开发的,上线了就会发现这个问题。原创 2022-11-14 11:07:19 · 6049 阅读 · 5 评论 -
vue实现大屏适配方案 (lib-flexible和postcss-px2rem-exclude)
假如设计图给的宽度是1920,我们通常就会把remUnit设置为192(设计图宽度的十分之一),这样我们写样式时,可以直接按照设计图标注的宽高来1:1还原开发。相对于根元素(即html元素)font-size计算值的倍数的一个css单位,也就是我们前端常说的适配单位rem。😃 最近在做一个大屏的项目,需要实现布局以及字体样式自适应,实在不想写媒体查询了,所以找到了两个相关插件感觉很不错,这里就做个总结啦!😃 至此,插件我们算是配置完了,那如何用呢,效果又是如何呢,这里我们直接上图上代码。原创 2022-11-14 09:26:42 · 1069 阅读 · 0 评论 -
js变量名拼接
js变量名拼接原创 2022-10-28 13:42:48 · 2317 阅读 · 0 评论 -
vue实现vw适配
【代码】vue实现vw适配。原创 2022-10-27 19:05:07 · 625 阅读 · 0 评论 -
nginx配置cesium
【代码】nginx配置cesium。原创 2022-10-26 12:45:03 · 1183 阅读 · 0 评论 -
leaflet加载图标
L.icon 中使用 iconUrl 用 import 的图片。css 使用 url。原创 2022-10-19 11:16:11 · 580 阅读 · 0 评论 -
vue使用leaflet中页面间切换之后地图就不见了,还报 map container is already initialized
vue使用leaflet中页面间切换之后地图就不见了,还报 map container is already initialized。原创 2022-10-18 13:54:55 · 721 阅读 · 0 评论 -
vue中then后的返回值解析_vue.js
vue中then后的返回值解析_vue.js原创 2022-09-28 09:14:59 · 3029 阅读 · 0 评论 -
Cesium 之加载倾斜摄影3d模型(解决倾斜漂移问题)
加载完后,打开浏览器往往会发现不尽人意,并且有可能与真实位置不匹配,与影像底图不贴合或者偏移了很远,这是可能是因为坐标系问题导致倾斜的中心点定位有问题,需要调整中心点位置。(2)如果无论怎么设置,要么出现漂移,要么倾斜跑地下被挡住,这有可能是地形的精度不够或与倾斜精度相差太大所导致。(1)首次加载时已经和影像底图贴合,但是移动视角后,仍然会出现倾斜漂移问题,如下图所示。说明倾斜的高度比实际地形更高,需要适当降低高度,直至调到合适高度为止。下面以代码方式动态调整倾斜中心点坐标。通过以上设置如果发现。原创 2022-09-19 09:56:03 · 2812 阅读 · 0 评论 -
cesium加载3dtiles模型贴图到地图
cesium加载3dtiles模型贴图到地图。原创 2022-09-18 11:26:05 · 2106 阅读 · 0 评论 -
Cesium加载3Dtiles模型-大疆智图
1.osg2cesiumApp v1.3软件来将我们的OSGB倾斜摄影数据转换成3Dtiles文件进行加载。2.cesiumlab2软件来将我们的OSGB倾斜摄影数据转换成3Dtiles文件进行加载。3.我们可以借助SuperMap的iearth工具来转换。原创 2022-09-18 11:08:30 · 9062 阅读 · 4 评论 -
core-js/modules/es.error.cause.js
先是在node_modules文件里删除core-js文件夹,然后在终端重新安装core-js最新版本。但是此方法未能解决。(正常来讲是可以解决的,有了第二种方法)此时项目文件中有了node_modules文件夹,最后执行 npm run dev即可运行成功。在项目文件夹里直接删除node_modules文件夹,然后在终端安装core-js。安装完毕后,继续运行以下命令。...原创 2022-08-30 11:25:24 · 736 阅读 · 0 评论 -
vuex当中mapGetters使用
vuex当中mapGetters使用原创 2022-08-18 16:16:39 · 508 阅读 · 0 评论 -
vuex当中mapmapMutations 使用
vuex当中mapmapMutations 使用原创 2022-08-18 16:08:46 · 254 阅读 · 0 评论 -
vue当中的mapState 使用
vue当中的mapState 使用原创 2022-08-18 15:58:14 · 506 阅读 · 0 评论 -
关于vue3:vue3项目中配置viteconfigts时使用path模块报错
创立vite我的项目的时候,在vite.confog.ts文件中增加alias别名时,想要引入node的path模块,会报错。起因:path模块是。原创 2022-08-17 10:31:49 · 1983 阅读 · 0 评论 -
vscode使用git
在VSCode中新增、删除或编辑相关文件,可在VSCode中的终端控制台执行以下命令,以便将文件暂存-提交到本地仓库,并推送到远程仓库。在使用git的时候,经常会遇到冲突;所有的修改的文件,均已经提交到缓存区。...原创 2022-08-17 09:03:09 · 3641 阅读 · 0 评论 -
Vite+Vue3+TypeScript基础知识案例
vite诞生是为了提升web项目运行性能,以更快的速度将应用页面展示给用户。Vite 以原生 ESM方式提供源码。这实际上是让浏览器接管了打包程序的部分工作:Vite 只需要在浏览器请求源码时进行转换并按需提供源码。根据情景动态导入代码,即只在当前屏幕上实际使用时才会被处理。提供的驱动力:2.1、优化缓慢的服务器启动(冷启动开发服务器和正式环境响应速度);2.2、优化缓慢的项目更新(vite服务器);...原创 2022-08-16 17:33:47 · 11373 阅读 · 0 评论 -
vue3+ts+store
vue3+ts+store原创 2022-08-16 15:10:27 · 3372 阅读 · 0 评论 -
Vite + Vue3 + TS,配置别名 alias
Vite2 + Vue3 + TS 使用别名时跟 webpack 有所差异这里记录下 Vite + Vue3 + TS 配置别名主要是修改和。原创 2022-08-06 16:13:14 · 1176 阅读 · 1 评论 -
vue3.0组件之父传子,子传父,父传孙
vue3.0父传子,子传父,父传孙原创 2022-07-28 17:21:07 · 1321 阅读 · 0 评论 -
vue3当中toRef和toRefs使用
vue3当中toRef和toRefs使用。原创 2022-07-25 16:31:19 · 459 阅读 · 0 评论 -
各厂家rtsp地址格式如下:
各厂家rtsp地址格式如下:一. 海康、中威摄像机格式1主码流:rtsp://admin:12345@192.168.1.64:554/Streaming/Channels/1子码流:rtsp://admin:12345@192.168.1.64:554/Streaming/Channels/2第三码流:rtsp://admin:12345@192.168.1.64:554/Streaming/Channels/3格式2rtsp://admin:12345@192.168.1.64:554/ch1/main原创 2022-06-30 09:42:42 · 2307 阅读 · 0 评论 -
浏览器播放rtsp视频,基于nodeJs
1:安装ffmpeg,并且配置环境变量。下载地址:http://ffmpeg.zeranoe.com/builds/ 或者:百度云链接:https://pan.baidu.com/s/1PBt18BHFGpdr0lpoUp5cKw提取码:hx08配置:复制文件地址,返回桌面,右键我的电脑/此电脑,点击高级系统设置,高级,点击环境变量点击path设置路径win + r 输入cmd输入ffmpeg 回车成功2:npm install node-rtsp-stream ws1234567891011121314原创 2022-06-30 08:59:30 · 1729 阅读 · 6 评论 -
el-table高度自适应
el-table高度自适应原创 2022-06-20 18:38:55 · 537 阅读 · 0 评论 -
elementui的table复选框单选
elementui的table复选框单选原创 2022-06-17 11:42:14 · 723 阅读 · 0 评论 -
vue增删改查模板
vue增删改查模板原创 2022-06-15 15:04:02 · 1101 阅读 · 0 评论 -
lement iview vue重置表单不起作用? this.$refs.searchForm.resetFields(); this.$refs[form].resetFields();
vue重置表单不起作用?this.r e f s . s e a r c h F o r m . r e s e t F i e l d s ( ) ; t h i s . refs.searchForm.resetFields();this.refs.searchForm.resetFields();this.refs[form].resetFields();文章目录vue重置表单不起作用?this.r e f s . s e a r c h F o r m . r e s e t F i e l d原创 2022-06-15 14:25:18 · 594 阅读 · 0 评论 -
uni-app用canvas截屏并且分享好友
uni-app用canvas截屏并且分享好友原创 2022-06-10 01:25:43 · 668 阅读 · 0 评论 -
el-table滚动条样式
el-table滚动条样式原创 2022-06-08 22:32:47 · 318 阅读 · 0 评论 -
el-table设置高度,表头出现错位
el-table设置高度,表头出现错位原创 2022-06-08 22:30:25 · 238 阅读 · 0 评论 -
vue使用rem适配
近日在项目完成时需要需要做到内容跟随屏幕可视窗口大小进行适配,然后想到用rem来实现适配问题1.首先安装一个px转rem的插件2.新建一个rem.js文件3.在main.js中引入rem.js文件 修改.postcssrc.js 文件在.postcssrc.js文件内的 plugins 添加以下配置,配后就可以在开发中直接使用 px 单位开发了...原创 2022-06-07 19:43:57 · 4864 阅读 · 1 评论 -
vue动态更新video
<!DOCTYPE html><html><head> <meta charset="UTF-8"> </head><body> <div id="app"> <video ref="video" :src="url" style="width: 200px; height: 300px;" controls></video> <button @clic.原创 2022-05-26 21:20:39 · 502 阅读 · 0 评论 -
leaflet.js加载地图
离线地图有什么用?1、当你想在内网显示地图的时候;2、当你想给地图加载提速的时候;3、当你只想显示某个小区地图的时候;4、当你想加载自定义地图、美化地图的时候。这些场景都会用到离线地图。曾经某一刻,笔者也为下载离线地图和加载地图,烦恼过很久。在网上找了很多资料,都不全,不符合要求。要么加载的百度、高德在线地图;要么就是没有完整的离线地图下载方式或者坐标体系对不上。搞了很久,也痛苦了很久,在这里记录一个完整的Demo。离线地图下载以谷歌卫星地图为例,下载某小区地图。先用线条工具框选好下原创 2022-04-24 17:37:25 · 2907 阅读 · 0 评论 -
无人机航向重叠率和旁向重叠率的计算
介绍无人机在规划一块区域的时候,我们需要手动的给予一些参数来影响无人机飞行,对于一块地表,无人机每隔N秒在空中间隔的拍照地表的一块区域,在整个任务执行结束后,拍到的所有区域照片能够完整的表达出一块地表,那这次任务就是成功的。 当然,如果想完整的把一块地表拍下来也很简单,我们完全可以不停的去拍照,飞行的间隔特别小,但这不是我们想要的,因为这种方式比较浪费资源,我们想要的是在可能的情况下,以最少的航线规划、最少的图片数量来诠释这块地表,毕竟wayPoint最多只能执行99个。重叠率重叠率又分航向重叠原创 2022-04-14 09:17:39 · 18601 阅读 · 3 评论 -
bigemap自定义点样式和图标
<!DOCTYPE html><html><head> <title>draw</title> <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstr.原创 2022-03-22 23:49:05 · 1268 阅读 · 0 评论 -
uniapp小程序多图上传
if (_self.needUploadImgs.length == 0) {} else { uni.showLoading({ title: "图片上传中" }) for (var i = 0; i < _self.needUploadImgs.length; i++) { uni.uploadFile({ url: apis.ceshi + '/operation/patrol/upload2', filePa..原创 2022-03-14 13:39:05 · 1721 阅读 · 2 评论 -
【echart初始化】
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script></hea.转载 2022-03-10 17:27:16 · 679 阅读 · 0 评论