- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vite打包构建时环境变量（env）生成可配置的js文件
在vite开发过程中，一些变量可以放在.env（基础公共部分变量）.env.dev（开发环境）、.env.production（生产环境）中管理，通常分成开发和生产两个不同的配置文件管理；但是在部署调试的过程中会有不同的若干个环境运行，这时候需要修改.env.production中的部分变量（如api地址）重新打包会比较麻烦；
2024-03-01 17:21:46
1348
原创 html页面使用vue的几种情况
DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > 弹窗首页 < / title >
2023-04-14 21:52:40
3068
原创 基于Turf 的along函数实现车辆动态轨迹点加密
基于Turf实现车辆动态轨迹背景： 项目需要展示一个动态轨迹回放的功能，因为gps回传点不是很多，导致动画效果显示会有卡顿、速度过快，效果不理想。解决方案： 通过车辆实时速度进行线路点加密，让回放更加平滑。基本原理：取起点到终点一条线，根据速度将线段分成若干段；并按照顺序将点生成新的轨迹线。本段用到了turf的along方法：api参考可查看：https://www.npmjs.com/package/@turf/along let route = []; for(let index =
2022-03-16 10:57:12
858
原创 Cesium坐标系之间的相互关系
Cesium 坐标系之间的相互关系1.WGS84经纬度坐标系（地理坐标系）wgs坐标系是国际上通用的坐标系，也称地球坐标系，gps和北斗系统都使用的是wgs坐标系。谷歌地图使用的是wgs坐标系（中国部分除外），openstreetmap使用的也是这种坐标系为球面坐标。 参考平面地是椭球面，坐标单位：经纬度；longitude : 114.59latitude : 30.562. WGS84弧度坐标系（Cartographic）弧度与角度转换公式 var 弧度 = π / 180 *
2022-02-07 14:24:03
490
原创 linux服务器日常操作纪录集锦
linux服务器日常操作纪录集锦liunx连接管理工具作为小白入门时使用的是Xshell、Xftp，突然有天被公司告知没有版权不允许使用。自此需求其他软件，MobaXterm最终解决了问题（据说是免费的，没有考证）。Windows用久了，就觉得可视化界面更方便，主要是命令不熟吧，毕竟高端的操作往往只需要一行命令。MobaXterm官网地址：https://mobaxterm.mobatek.net/初始化界面如下：基础命令行文件夹导航$ cd ./目标路径$ cd ./目标路径
2021-12-30 13:47:17
462
原创 利用EXIF库读取jpg文件中的经纬度信息
利用EXIF库读取jpg文件中的经纬度信息<!DOCTYPE html><html><head> <title>exif读取jpg文件信息</title> <meta http-equiv="Content-Type" content="text/html" ; charset="UTF-8"> <script src='http://code.ciaoca.com/javascript/exif-
2021-12-16 16:06:04
1137
原创 openlayer加载wfs服务,url中加过滤条件
openlayer加载wfs服务,url中加过滤条件<!DOCTYPE html><html><head> <title>WFS</title> <meta http-equiv="Content-Type" content="text/html" ; charset="UTF-8"> <script src="https://openlayers.org/en/v5.3.0/build/ol.js
2021-12-16 15:08:52
730
原创 Postgresql中创建表，表、字段添加注释，全库表信息查询
1、创建表格语句创建包含空间几何信息(geometry)的列的表跳转CREATE TABLE persons( id int, name varchar(255), gender varchar(255), idnumber varchar(255), contact varchar(255), remarks varchar(255), province varchar(255), city varchar(255), county varchar(255), town varc
2021-06-23 09:30:13
12954
2
原创 iFrame全屏展示子页面内容，动态更新页面地址
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-e
2021-06-16 19:39:47
367
原创 Openlayer静态图片上图
实现效果图如下实现思路代码块如下 var extent = [112.93, 24.232293, 118.975576, 30.4]; var imgLayer = new ol.layer.Image({ source: new ol.source.ImageStatic({ url: require("../assets/img/wind.png"), // 根据需求添加 imageExtent: extent })
2020-11-26 15:50:37
1089
原创 Postgresql中创建包含空间列、uuid、自增长id、时间戳的表格
1、Postgresql数据库安装安装PG数据库需要注意的是，使用几何空间列必须安装PostGIS 2.5.0 插件。windows安装教程linux安装教程2、创建表格的准备2.1、uuid生成函数pgsql默认安装是没有该类函数的,若脚本执行到此处出错,需打开下面注释,安装uuid生成函数create extension "uuid-ossp";验证函数select uuid_generate_v4();结果如下，说明成功：2.2、id生成函数pgsql默认自增长序号。
2020-09-25 11:08:28
1267
原创 Openlayer+Vue组件实现弹窗自定义开发
<template> <div id="map" ref="rootmap"> </div></template><script>import { Map, View, Feature, Overlay } from "ol";import TileLayer from "ol/layer/Tile";import OSM from "ol/source/OSM";import XYZ from "ol/sour
2020-07-13 17:07:10
960
6
原创 CEF使用技巧说明
CEF使用技巧说明谷歌浏览器命令行开关disable-hang-monitor禁止在渲染器进程中挂起监视器对话框。disable-metrics完全禁用UMA指标系统。disable-metrics-reporting仅禁用度量标准报告的发送。与kDisableMetrics相比，它执行普通客户端用于报告的所有代码，但报告被删除而不是发送到服务器。这对于在UI和性能测试期间查找度量标准代码中的问题非常有用。"assert-test使浏览器进程在启动时抛出断言
2020-06-30 21:23:11
1296
原创 Postgresql数据库种的SQL语句总结
1、数据分页（limit)select * from 表名 limit 取长度 offset 偏移量（0开始）select * from table limit 100 offset 0效果图如下：2、单一字段分组统计（group by）SELECT 分组值列, 统计数列 FROM table t GROUP BY 字段一SELECT t.field1 as field1, sum(1) as len FROM table t GROUP BY t.field1效果图如下：3、
2020-06-30 15:35:54
593
转载 图片转换Base64的js工具
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <t
2020-06-17 10:57:22
250
原创 平面中已知两点，求距离起点的特定长度的点
class vector { constructor(pointStart, pointEnd) { this.pointStart = pointStart this.pointEnd = pointEnd this.xLength = pointEnd.x - pointStart.x this.yLength = pointEnd.y - pointStart.y this.length = Math.sqrt(Math.pow(this.xLength,
2020-06-12 14:13:20
664
原创 VUE开发中遇到的一些环境问题及解决方案
Vue无疑是当前最热门的前端技术之一，利用Vue创建项目并环境搭建也是开发过程中最重要的一步。作为新手入门级别，在次过程中也是经历着痛和快乐。有感于此，将在开发过程中遇到的一些环境搭建问题及解决方案汇总于此，持续更新…1、vue中sass 样式包依赖安装，按照正常的安装会出现版本过高，不能使用的问题，用以下命令安装即可$ npm install [email protected] --save-dev$ npm install node-sass --save2、cnpm 失效、npm安装失败的
2020-06-05 09:08:50
1368
1
原创 Vue中自定义拦截器
Vue中自定义拦截器拦截器、Api、页面调用的相互关系如图1. 拦截器实现代码import axios from 'axios'/** * 创建你axios实例 */const instance = axios.create({ baseURL: '', // api的base_url timeout: 10000, // 请求超时时间 withCredentials...
2020-04-19 17:39:03
551
原创 Vue2.x的生命周期应用学习
Vue生命周期 项目中一直有使用mounted、created等几个函数，却没有深入的挖掘之间的相互关系。近段时间系统的过了下这些内容，现在将学习的心得整理如下。 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做**生命周期钩子**的函数，这给了用户在不同阶段添...
2020-04-18 20:36:17
302
原创 VSCode新建代码模板
设置模板步骤文件 > 首选项 > 用户代码片段 > 搜索对应代码的json模板文件html模板文件{ "h5 template": { "prefix": "!", // 对应的是使用这个模板的快捷键 "body": [ "<!DOCTYPE html>", "<html lang=\"zh-CN\">", "&...
2020-04-11 17:29:32
293
原创 Cesium的点击事件及简单应用
Cesium.js点击事件包括向下，向上，单击，双击，按住按钮时移动。事件枚举ScreenSpaceEventType { static constant Cesium.ScreenSpaceEventType.LEFT_CLICK //表示鼠标左键单击事件。 static constant Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLIC...
2020-04-10 18:52:47
5233
原创 BaseLayerPicker
BaseLayerPicker问题？cesium授权可参考相关控件说明BaseLayerPicker中内置的Provider(数据源包括Esri，Bing，MapBox的数据服务)，在国内网络环境下访问存在一些限制。基于BaseLayerPicker自定一些国内常用的数据源（天地图、百度地图、高德地图等）就很有必要。内置的地图服务部分需要获取Cesium.Ion授权，对于一些需要内网...
2020-04-10 12:14:25
704
原创 OpenLayer自定义区域显示
OpenLayer自定义区域显示实现效果图如下：funcation clipMap(){ var clipgeom = new ol.geom.Polygon(henan); //将经纬度坐标转换为map对应的坐标（如果初始化的底...
2020-04-07 18:19:53
1632
9
原创 Cesium开发环境搭建
Cesium开发环境搭建VUE中Cesium文件的引用import buildModuleUrl from “cesium/Source/Core/buildModuleUrl”;let Cesium = require(“cesium/Source/Cesium”);//cesium1.6以上版本不支持importimport Tools from “…/js/CesiumBase”...
2020-04-07 18:15:52
1165
1
原创 MySQL安装入门
安装（MySql 8.0+）a. 下载完成mysql包后检查目录项中是否有my.ini文件，如果有以管理员身份打开 cmd 命令行工具，运行安装，如果没有则手动创建此文件，内容如图5-1-a5-1-ab. 在修改用户名初始密码时，host为 % 表示不限制ip localhost表示本机使用 plugin非mysql_native_password 则需要修改密码所以直接修改密码，修改完成...
2020-04-07 18:11:40
148
原创 Windows中常用的注册表和软件操作
常用注册表操作：右键复制文件路径：复制以下文件做成reg文件，双击运行Windows Registry Editor Version 5.00[HKEY_CLASSES_ROOT\Allfilesystemobjects\shell\windows.copyaspath]"CanonicalName"="{707C7BC6-685A-4A4D-A275-3966A5A3EFAA}""...
2020-04-07 18:08:41
832
原创 OleDb方式读取Excel、MDB
这里写自定义目录标题开发环境依赖项代码块开发环境Visual Studio2017依赖项System.Data.OleDb.dll代码块try{ Dictionary<string, DataTable> result = new Dictionary<string, DataTable>(); //数据表 DataSet ds = n...
2020-04-07 17:15:53
326
clipMap的demo文件
2020-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人