随笔分类 - Vue
你懂得越多，你不懂的就越多
摘要：vue 实现关键字高亮效果 这是啥子意思呢，就是类似于百度搜索，根据关键词搜索结果，搜索结果中，与关键词相同的字显示红色，仅此而已，没有什么大的功能。简单写一下demo。 环境 我使用的是 vue3 + ts 的语法来写，其实一个样儿，关键代码 js、ts 都可以，就一个方法，调用一下就可以了。 <
阅读全文
摘要：vue 使用代码编辑器插件 vue-codemirror 之前用过一次，当时用的一知半解的，所以也没有成文，前几天又因为项目有需求，所以说有用了一次，当然，依旧是一知半解，但是还是稍微写一下子吧！万一以后用到，不用满网找资料了，个人学习记录，仅供参考，切勿尽信！ vue-codemirror 说明
阅读全文
摘要：vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能，当时做了之后就一直没有整理，其实也很简单，功能不多，只是预览，没有在线编辑的功能，所以呢，啊哈哈哈哈哈，一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件，直接运行一下命令就可以了： npm instal
阅读全文
摘要：cesium 截取图片 没啥好说的，直接贴代码吧 toImg() { if (viewer) { viewer.scene.render(); let canvas = viewer.scene.canvas; let image = canvas.toDataURL("image/png").re
阅读全文
摘要：openlayers 截图 OK，我承认，这篇博文是一个水文。 最新做了一个功能，就是 openlayers 展示二维 GIS 数据后，可以把当前的视角导出图片。 直接写代码吧，没啥好说的： // 截图 toImg() { if (this.map) { let canvas = this.map.
阅读全文
摘要：vue 使用 html2canvas 截取图片保存 好久没有写博文了，写够了，没啥想写的了，这个号算是废了，哎，气人啊！越来越胖，越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库，它可以将HTML元素转换为Canvas元素。具体来说，它可以将整个页面或特
阅读全文
摘要：vue 使用 threejs 实现实景看房效果 demo 关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路
阅读全文
摘要：vue 使用 threejs 加载第三方模型 接专栏的上一篇博文，这是加载第三方模型相关的。这篇博文拖了很久了哈，简单说一下吧，本来不想写了的，觉得相对来说比较简单，但是还是稍微一扯。为啥要加载第三方呢，上一篇我们绘制的小立方体很简单啊，但是有一些模型可能比较复杂，比如一辆小汽车，一个大楼，我们用代
阅读全文
摘要：vue2 使用 cesium 【第二篇-相机视角移动+添加模型】 搞了一阵子 cesium，小白入门，这东西很牛逼，但是感觉这东西好费劲啊！网上资料不多，每个人的用法又不一样，操作起来真的是绝绝子。之前写了一篇 vue2 使用 cesium 的博文，没有写完，本来想继续写来着，想了一下还是重新开一篇
阅读全文
摘要：vue2 使用 cesium 篇【第一篇】 今天好好写一篇哈，之前写的半死不活的。首先说明：这篇博文是我边做边写的，小白也是，实现效果会同时发布截图，如果没有实现也会说明，仅仅作为技术积累，选择性分享，不做教学哈。不好别喷。 安装 cesium 这个就很简单，只需要一句简简单单的命令就可以实现在 v
阅读全文
摘要：vue 实现通过字符串关键字符动态渲染 input 输入框 今天做一个简单的demo，就是有一个字符串，字符串里面有标识符，前端检测到标识符之后，需要将这个标识符转换成一个 input 输入框并且进行数据输入和绑定功能。 问题描述 就比如现在有这样一个字符串： 你好，我是{name}，我今年{age
阅读全文
摘要：vue 实现文件切上传 在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说 实现文件切片导入，首先我们使用 elem
阅读全文
摘要：openlayers实现热力图效果 这个在之前的博客里面分享过了，再稍微说一下。 先说效果，最终实现的效果就是下面这个样子的，如果需要的话就接着看，如果不是这个样子就不要看了。 使用 vue 项目导入 openlayers 这个就不说了，如果需要的话去看之前的博客。 使用热力图其实和添加点是一样的，
阅读全文
摘要：vue 中国省市区级联数据下拉工具 最近vue玩的时候需要有一个全国省市区县的下拉工具选择地区，并且需要获取地市的行政编码。找了一个比较好用的插件，稍微分享一下。 element-china-area-data 这是一个中国省市区连级数据下拉工具，可以获取行政区编码，也可以获取省市区的名称，具体的效
阅读全文
摘要：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：百度
阅读全文
