id_EquinoxFlower的博客

原创 JS 读取KML文件并返回经纬度

因为客户提供文件是KML 文件，需要获取KML文件中的数据。

原创 electron 启动警告

在main.js中添加。

原创 获取某个区域的经纬度的中心点

项目场景：高德地图绘制覆盖物，获取绘制后区域的中心点。

原创 vue 下载本地静态文件

【代码】vue 下载本地静态文件。

原创 vue2 基于 Element 的 Upload 批量上传小文件 ， 大文件的 切片上传

在开发中发现 在大小文件混合上传的时候 大文件的合并接口状态与返回的 文件链接不同步导致后面提交上传的时候会丢失，所以 我在大小文件上传成功的接口位置加了一个计时器 延迟这个加载页面的关闭 ， 如果不需要 可以自行关闭。事件 用于获取上传后的File文件流的 大小用于区分是否大于或者小于5Mb的文件并且打开上传的 加载页面。试图模块相对简单，没有书写复杂的删除文件的操作 之展示上传后的文件名称。提供先进的推理，复杂的指令，更多的创造力。首先 调用的是 Upload 的。存放大于5Mb的数组。

原创 基于不规则经纬度 向外阔张 经纬度范围

项目场景：给予高德开发地图，自定义绘制区域，绘制好区域后，可以根据客户输入的阔张数字绘制的区域进行相应的变化下面直接上代码。

原创 element plus css强制修改

element plus Select 下拉框样式强制 修改。element plus 表格样式的强制修改。

原创 vue 使用 iFrame 嵌套带有登录的网站 登录成功 无法跳转

2.如个你使用Frame标签嵌套的网址是带有登录的需要注意两个网站是不是在统一域名下面如果在就可以正常登录 ， 如果不在的话会出现登录成功但是无法跳转的问题。1.项目在使用iFrame标签嵌套其他，网址或者自己的网址的时候如果没有登录只是浏览是没有问题的。这个问题有点好玩，当时做的时候没想起来，哎不说讲一下问题。

原创 Java基础 多态

多态是面向对象语法的三大特征之一。使用多态的主要目的是提高代码的可重用性和扩展性，使得代码更加灵活和便于维护,其次是实现的要求：它是在继承\实习的基础下体现出的一种现象，表现出的有，对象多态，行为多态，下面通过代码来简单的看一下！多态是面向对象语法的三大特征之一，主要目的是提高代码的可重用性和扩展性，使得代码更加灵活和便于维护。概念多态的概念分为两个：一个是对象多态，一个是行为多态对象多态。

原创 java基础 继承

继承是面向对象语法的三大特征之一。继承可以降低大量公共代码块的书写，可以提高编程的效率。通过继承，子类获得了父类的非私有化的成员变量及方法。一个子类如何继承父类的字段和方法，如何修改从父类继承过来的子类的方法呢。下面结合代码一起来看看

原创 java的代码块

从代码上来看，静态代码块也是在构造器之前执行。

原创 关于element 的方法

【代码】关于element 的方法。

原创 uniApp App 下载Base64路径的图片

App 下载Base64路径的图片。

原创 JaVa基础

原创 vue2 单个模块滚动

2.下载 vue-seamless-scroll --save。1.需要用到Node环境。

原创 JS 开发实战方法

使用reduce我们可以非常方便的得到一组数组的平均值。isEven(2) // true ：可以被二整除的。isEven(1) // false：不能被二整除的。要删除数组中的重复元素，使用 Set 将变得非常容易。如何判断一个数是奇数还是偶数？需要使用对象的唯一标识。

原创 vue前端对接监控视频 hls格式

vue前端对接监控视频 hls格式接触智慧园区，智慧工地，水泵站等项目之后，发现都有实时监控的对接，并且是可以多屏进行，就研究了相关的技术栈，找到了这个强大的播放器对前端还是很友好的，话不多说上干货！！！

原创 vue前端对接监控视频 FLV格式 （分屏的操作 单屏 ，四平 ，六屏）

vue前端对接监控视频 FLV格式接触智慧园区，智慧工地，水泵站等项目之后，发现都有实时监控的对接，并且是可以多屏进行，就研究了相关的技术栈，找到了这个强大的播放器对前端还是很友好的，话不多说上干货！！！

原创 微信小程序获取两地直接的距离

2.

原创 vue 使用西瓜视频播放器

后来发现很多功能达不到我们的要求，比如自定义UI的成本、视频的清晰度无缝切换、视频流量的节省。考虑到当前点播依旧是mp4居多，我们做了个大胆的假设：在播放器端加载视频、解析视频、转换格式，让不支持分段播放的mp4动态支持，这样就无须转换源视频的格式，服务器端也无其他开销。在这个背景下，我们一次解析了 hls、flv 等视频，这样我们不再简单的依赖第三方的视频库，只有掌握了底层技术才有优化的可能性。在不断攻克 hls、flv 解析的背景下，我们增强了产品体验，比如交互效果、进场动画等。

原创 文件导出 doc后缀/Excel .doc .xlsx

注意 ：如果是doc后缀导出需要 加上 responseType: "blob", 如果是 Excel 就不需要。

原创 React 路由 学习 记录

6.这个是一个空项目需要自己去搭建 这里就只配路由 npm install react-router-dom 下载路由。4. 上面跑完之后 create-react-app -V 查看一下版本号 记住是大V。使用这个命令在全局装一下 create-react-app 只需要装一次就可以。5.创建一个React的项目create-react-app + 项目名称。2. 下载完成之后 win+R 打开 输入 node -v 查看 版本号。

原创 h265webjs 在vue3中的使用

回顾什么是H.265？本文在这里就不对H.265做介绍了。感兴趣的朋友可以看下面的文章了解详情。（第一篇是我们在2019年3月发布的文章，距今已有2年，时间过得真快）《Web端H.265播放器研发解密》[1]

原创 ‘pnpm‘ 不是内部或外部命令,也不是可运行的程序或批处理文件

因为原本将node安装到D盘就需要配置环境变量（教程：将node安装到其它盘），然后通过 nvm-setup.exe 安装了nvm（教程：nvm下载）之后自动更改了环境变量，导致了这个报错。先确认你的nodejs根目录/node_global目录，有没有存在pnpm，如果有，再去环境变量查看是否存在问题 本主的是在node_global目录。在安装nvm.exe 后 配置的node.js的环境变量会出现前缀丢失的问题 这里博主 是先下载的nvm 所以就没有出现那个问题。

原创 uniApp 小程序 高德地图 获取当前位置

准备高德账号，高德平台官网准备微信公众平台账号，微信公众平获取自己小程序的Appid高德地图的keys提示：以下是本篇文章正文内容，下面案例可供参考提示：到这里这个功能也就实现了。要相信自己，每一步都是对的，不行的话重新来 加油。

原创 Js基础

javaScript 简介 ，js是一个前端的编程语言，通过它能够使HTML更多样性，举例 ，使用document.getelementById() 获取Id名称为dome的标签，搭配innerHtml（）改变标签里面的内容，属性，样式 控制标签的显示或者隐藏都是可以的。

原创 uniApp 微信小程序 授权 公众号推送信息

uniApp 微信小程序 授权 公众号 推送信息

原创 vite+v3+ts+pinia 项目

使用npm /yarn / pnpm下载相关的依赖 这面有一点 官方的版本是4 如果我们把@后面的去下拉直接下载就是最新的 这边我们使用 官方的写方法 一般官方的是最稳定的。当store中的多个参数需要被使用到的时候，为了更简洁的使用这些变量，我们通常采用结构的方式一次性获取所有的变量名。通过函数方式去使用的时候，函数接受一个 state 的参数，state 就是 store 仓库中的 state。的方式是经过优化的，会加快修改速度，对性能有很大好处，所以在进行多条数据修改的时候，更推荐使用。

原创 vite+v3+ts+pinia 创建一个项目

使用npm /yarn / pnpm下载相关的依赖 这面有一点 官方的版本是4 如果我们把@后面的去下拉直接下载就是最新的 这边我们使用 官方的写方法 一般官方的是最稳定的。当store中的多个参数需要被使用到的时候，为了更简洁的使用这些变量，我们通常采用结构的方式一次性获取所有的变量名。通过函数方式去使用的时候，函数接受一个 state 的参数，state 就是 store 仓库中的 state。的方式是经过优化的，会加快修改速度，对性能有很大好处，所以在进行多条数据修改的时候，更推荐使用。

原创 微信小程序两个地址 之间的距离实现

如何获取两地之间的距离

原创 css样式

CSS样式

原创 微信小程序中使用vant框架的具体步骤

微信小程序中使用vant框架的具体步骤

原创 前端 生成二维码 (Qrcode) 可用于支付

前端 生成二维码 (Qrcode)

原创 vue3 Echarts 绘图工具的使用

vue3 Echarts

原创 vue axios 的封装

vue的axios 的封装## 第二步 在项目的src文件中的 创建一个request文件夹当中配置.js文件 如图## 第三步 在request.js 文件中配置如图的数据```//引进axiosimport axios from "axios";//引进http.js 文件中的公共路径import http from "/http.js";const instance = ...