随笔分类 - Vue
你懂得越多，你不懂的就越多
摘要：vue 项目 openlayers 点击弹窗 这个写的稍微简单一点就行了，其实呢，这个不是很难，主要是知道原理就可以了。 我想实现的内容是什么意思呢？就是说页面上有很多坐标点，点击坐标点的时候在相应的位置弹出一个框，然后框里显示出这个坐标点的相关数据。 解释 这个内容的其实就是添加一个弹窗图层，然后
阅读全文
摘要：vue脚手架3使用 cesium 前前后后写了3篇vue使用cesium的博文了，我都写烦了，因为我用的挺好，但是仅限于我自己。 主要是之前写的我觉得确实有瑕疵，今天这个我实验了，没有那么多的配置，而且还很顺利，没有任何错误提示，稍微写一下吧再，这篇写完，在也不写了。 安装 Cesium 直接使用n
阅读全文
摘要：VUE前段面试题 Vue优点 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十KB。 简单易学：国内框架，中文文档，不存在语言障碍，容易学习入门。 双向数据绑定：保留了angular特点，在数据操作上面更加的方便。 组件化：保留了react的优点，实现了html的封装复用，在构建但也
阅读全文
摘要：vue 两个数组的差值 现在是什么情况呢，比如说哈，我有一个数组A，里面有几个数，然后我还有一个数组B，里面还有几个数，然后我想知道数组A中哪些数是数组B没有的，或者是数组B中哪些数是数组A没有的，理解吗？就是这个意思。 可以自己写逻辑的，就是费劲，当然可以实现，但是呢，我比较懒，不想重复造轮子，所
阅读全文
摘要：Vue 将字符串保存成 TXT 文件保存到电脑 vue 前端有一段字符串，然后点击按钮，将字符串保存到 txt 文件下载到电脑。 首先需要安装一下依赖： npm install file-saver --save 安装完成，在需要下载txt文件的页面引入一下库。 import { saveAs }
阅读全文
摘要：vue 实现高德坐标转GPS坐标 首先介绍一下常见的几种地图的坐标类型： WGS-84：这是一个国际标准，也就是GPS坐标（Google Earth、或者GPS模块采集的都是这个类型）。 GCJ-02：中国坐标偏移标准，像是Google Map、高德、腾讯地图都是采用这种坐标展示。 BD-09：百度
阅读全文
摘要：Vue使用 video-player 播放 M3U8 视频流 因为前端页面如果是接入视频流的话，说难也难，说不难也不难。 如果单纯提供视频流url连接，没有中间件进行转的话： rtsp 是不能直接接近web的，因为web不能直接接入rtsp视频流，需要后端或者是中间件进行转化，把rtsp的视频流转换
阅读全文
摘要：Vue相关基础技术分享 主要分享内容 vue项目创建 - 脚手架工具 · Cli3及以上 组件 - 组件间通信 路由 - 路由配置 Axios - 请求使用及封装 Vuex - 状态管理 创建Vue项目前期准备工作 1、安装Node.js、npm node.js【官网】 2、安装 Vue Vue安装
阅读全文
摘要：Vue 使用树形穿梭框 Vue 项目里面需要一个树形的穿梭框，但是 elementUI 和 ant-d 组件库的穿梭框组件效果都不是很好，因为源列表和目标列表都是需要树形结构的，所以说这个就很难搞，但是也不怕，因为大佬太多了，有插件可以提供给我们使用，接下来介绍一下这个插件。 树形穿梭框插件 el-
阅读全文
摘要：vue 中使用 cesium 我是在 vue 项目里面使用的 cesium，但是呢，有点问题，就是有些语法在js转vue的时候有些许的限制，比如说js中相对路径引入文件是一切OK的，vue 也能解决，但是呢，在引入的文件中又引用了其他的文件，vue 处理起来就不是特别的好用，所以说，我是直接在 vu
阅读全文
摘要：vue 使用 cesium 接入 gltf 模型 这个其实说简单也简单，但是说复杂也不容易搞。尤其是转化成vue语法或者是在vue项目接入的时候会有些许的坑，我在接入的时候也是有很多问题，好在最后把模型加进去了，在这里稍微整理一下，然后这篇博文的代码都是我自己实现成功的，如果需要的话可以相互学习一下
阅读全文
摘要：Vue使用 Echarts 做出排行榜的感觉 其实这不算是一篇技术文的，就是单纯的echarts调样式就可以，但是有的地方设置还是不好设置的，所以说嘞，就保存一下吧，以后自己用到了的话课可以直接拿来修修改改就可以二次利用了。 做出来的效果就是这个样子： 这个排行榜一共就展示前六，就是这个样子，然后把
阅读全文
摘要：EventLoop JavaScript 是一门单线程执行的编程语言，也就是说，在同一时间，只能做一件事情。 单线程执行任务队列的问题： 如果前一个任务非常的耗时，那么后续的任务就不得不一直等待，从而导致程序假死的问题。 同步任务和异步任务 为了防止某个耗时的任务导致我们的程序假死问题，JavaSc
阅读全文
摘要：Promise 学习 回调地狱 什么是回调地狱 多层回调函数的相互嵌套，就形成了回调地域，示例如下： 是不是很恐怖，就像是套娃一样。 回调地狱的缺点 代码耦合性太强，牵一发而动全身，难以维护。 大量冗余代码相互嵌套，代码的可读性和可复用性变差。 如何解决回调地狱问题 为了解决回调地狱的问题，ES6中
阅读全文
摘要：ES6 模块化导入导出 ES6 基本语法 默认导出 与 默认导入 按需导出 与 按需导入 直接导出 并 执行模块中的代码 默认导出 默认导出的语法： export default 默认导出的成员 默认导出的注意事项： 每个模块中，只允许使用唯一的一次 export default，否则报错！ 默认导
阅读全文
摘要：Vue实现对象列表根据某一字段排序 其实很简单的东西，就是说有一个对象列表，然后我们需要根据每个对象的某一个字段对这个列表排序，就用到了下面的方法。 data = [{ name: 'wjw', age: 18 },{ name: 'tcz', age: 23 },{ name: 'qy', age
阅读全文
摘要：前端大屏页面布局经验 额··· 其实谈不上经验，只能说是开发过程中值得记录一下的东西，不一定是对的。 分辨率 首先一点，大屏对分辨率和显示器是有要求的，因为他不像一般的页面，出个纵向的滚动条啥的无所谓，不是特殊情况下，大屏是不能出现滚动条的，所以其实不是随便一台电脑，随便一个分别率都可以使用大屏的，
阅读全文
摘要：vue 常用的 Echarts 示例 为啥要整理这一篇博文呢？其实最近做大屏做的恶心了，好多echarts图表，样式花里胡哨，调样式太费劲了，然后把做过的拿下来备份一下，需要的话直接粘贴稍作修改就可以了。 echarts配置项官网：https://echarts.apache.org/zh/opti
阅读全文
摘要：Vue 实现时间格式字符串计算时间差 这个地方的意思是两个时间，计算两个时间的时间差。 比如说 2021-10-0810:39:49 到 2021-10-0810:39:40 相差多久？ 答：9秒。 实现 其实很简单，就一个方法。 /** * * @param {*} start 起始时间 2020
阅读全文
摘要：Vue 大屏开发自适应 VScode | flexible.js | rem | echarts自适配 其实开发大屏这个适配是最费劲的，电脑的分辨率，电脑缩放比例，电脑浏览器缩放比例都很麻烦，当然了，大屏界面本来就对分辨率有些许的要求，太差劲的分辨率本来就不适用，因为毕竟要保持页面放得下，不能出现滚
阅读全文
浙公网安备 33010602011771号