- 博客(23)
- 收藏
- 关注
RSS订阅原创 cesium + satellite.js处理tle生成卫星轨迹
最近接触到cesium在航天方面的应用，抽空学习了一下satellite.js这个插件，这个插件主要是将处理tle数据的。花了点时间做了个demo，在此记录一下以供后期参照。
2023-06-09 09:08:53
4488
5
原创 用最简单的代码实现vue3源码中的reactive、effect、computed
最近在学习vue3源码中的一些知识点，从源码层面来讲，发现vue3对比vue2来说，vue3更加精巧，代码量更少，这也就意味着有些地方需要花费更多的精力去理解，在网上找了源码视频学习了一下，自己花了150多行代码实现一下reactive、effect、computed，这只是最简单的实现，可以将代码直接复制运行；
2023-03-14 14:30:47
563
原创 js 关于执行test、exec、match时正则的lastIndex属性
到这里，终于明白了lastIndex置为0的意义。匹配到{{name}}，说明此时正则匹配从第八个字符开始，也就是说之前执行 test 时返回结果为true ，将reg.lastIndex改为8，这时的lastIndex 影像了exec的执行，那么是不是这样呢？通过测试发现，match的返回结果与reg的lastindex无关，其实从另一方面也可以窥探一些端倪，test、exec是正则的方法，而match是字符串的方法。运行结果：************
2023-02-09 11:15:22
413
原创 cesium 获取当前屏幕视角的三维参数，x、y、z、heading、pitch、roll
【代码】cesium 获取当前屏幕视角的三维参数，x、y、z、heading、pitch、roll。
2022-09-29 15:35:07
862
原创 基于vue2+element实现省市搜索面板（模仿高德地图搜索面板）
最终效果：相关代码：areaSearch.vue<template> <div class="area-search"> <div class="city-chose" ref="cityChose"> <el-input readonly v-model="curCity" @click.native.stop="iptClick" class="cur...
2022-05-10 13:54:59
894
原创 leaflet 或 iclient-leaflet 动态画多边形
最终效果主要代码import Vue from 'vue'// Vue.prototype.Common.mapObj 是L.map 生成的地图对象，本人为了方便使用将其放到vue的原型链中export default { rootPolyGroup: null, // 多边形根图层 points: [], lines: null, // 画的过程中生成的多边形 temLines: null, // 鼠标移动中生成的多边形（实际是一条线段）...
2022-04-02 14:27:52
1134
原创 minemap 点选3d模型
minemap 点选是通过map.queryRenderedFeatures来实现的，这个方法用的最多的是在地图的点击事件中进行相关操作；最近有个需求要点击相关模型信息来选中模型，在官方文档中并没有找到手动勾选模型的方法，于是根据queryRenderedFeatures来寻求解决办法。最终效果关键代码const clickChose = () => { // 需先将模型的经纬度设置为center global3D.map.setCenter([116...
2022-03-18 10:34:56
1859
原创 vite+vue3打包报Rollup failed to resolve import “foldName/cssName.css“ from “index.htm
最近有个新项目，技术leader决定使用v3+vite+element-plus。项目打起来后，开发环境非常顺利，可是一打包就凉了，报个错：一看到报错我很懵，这个css文件是在public中的，在html中直接引入，并没有使用import引入啊？ 经过N分钟的百度，n+分钟的查vite、rollup文档以及思前想后，终于在vite文档中发现了一句话：...
2022-02-24 16:49:04
23678
1
原创 vue3 composition-api结合mineData添加自定义信息弹出(popup)
之前使用vue3 composition-api 结合mineData写了一个简单的地图页面，今天在此基础上添加一个常见的功能：点击maker弹出popup信息。最终效果：
2022-02-21 17:00:39
1101
2
原创 使用vue3 composition-api 实现mineData地图图层隐藏与展示
最近在学习公司的一个地图平台，正好结合vue3 composition-api将一些基础效果实现。写过vue2的人都知道，在一个vue文件中可能有许多功能点，比如一个列表页有搜索功能、分页功能、导出功能等等。在一些人员充足的团队中，各个功能点可能有不同的人来负责开发，vue2中，只能等待一个人将一个功能点完成后另一个人才能继续开发另一个功能点，否则就会冲突（当然愿意花时间去解决冲突也可以同时开发）；而使用vue3 composition-api，就可以将各个功能点拆分成单...
2022-02-18 14:06:33
1452
4
原创 leaflet调用iserver服务添加路径到地图
日常开发中，经常有需求在地图上画一些特殊路径或者线条，一般来讲，这种需求都是需要iserver服务支持的。准备工作1.一个地图底图（使用@supermap/iclient-leaflet，方便调服务）；2.iserver服务（以gis开发为主的公司都有自己的服务，没有的话就......别往下看了，或者找找免费的地图server，看看有没有提供学习使用的服务）调用iserver服务这里的iserver是后台开发人员根据自身项目需求发布到iserver上的服务接口，添加路径主要就是依赖这个服
2022-01-14 16:43:29
810
原创 leaflet将不同类型的marker添加到不同图层，并实现图层切换
leaflet在二维gis开发中使用比较广泛，本人最近也在从事gis相关开发。趁着这两天不是很忙，赶紧将这两天的开发过程记录一下，作为以后工作的参考。leaflet添加marker的一般步骤：上图表现了leaflet添加marker的一般步骤。初始化地图: 地图用的是超图的leaflet插件@supermap/iclient-leaflet，官方地址：https://github.com/SuperMap/iClient-JavaS...
2022-01-07 15:05:15
4604
1
原创 基于el-tooltip+vue实现有省略号显示title，无省略号不显示title
日常项目中，给一个元素添加title要么使用原生的title属性，要么使用插件或者自己模拟。在vue项目中则可以使用el-tooltip来实现，项目中经常有这种需求，有省略号显示tooltip，没有则不显示。之前看网上的很多都是提供思路，很少有直接拿来能用的例子，根本不能满足像本人这种信奉拿来主义的菜菜鸟。正好目前做的项目有这个需求，在项目中也实现了该功能，这里记录一下为以后的复制粘贴做准备。vue文件：<template> <!-- 有省略号显示toolti...
2021-12-16 17:35:21
1981
1
原创 three.js初学之简单地月旋转
最近在b站上找了个three.js视频学习了一下，照着模仿了一下地月旋转，模仿的过程中发现textureLoader加载图片实际是异步进行，不知道是three.js的版本问题还是别的什么原因，我按照视频上的代码实现发现图片加载不上，没办法只能用回调方式，有过相关经历的3d大牛可以指点一下。(看的视频是老XXX的three.js教学，b站直接能搜到) 首先新建一个简单的web项目，目录如下，其中相关图片和three.js在网上下就行：css文件：* { bo...
2021-12-15 16:50:26
985
原创 实际项目开发中常用js工具函数总结
这篇总结纯粹作为本人在项目中复制的来源，会在代码块中陆续添加方法，也欢迎各位读者朋友将项目开发中常用的函数分享给在下。1.// 深拷贝function cloneObj(obj) { var newObj = {} if (obj instanceof Array) { newObj = [] } for (var key in obj) { var val = obj[key] newObj[key] = typeof val === 'o...
2021-12-08 17:47:49
446
原创 node+express+mysql搭建简易后台服务(仅供学习)-3，结合Mysql写注册登入接口
上一节了解了一下express路由模块的基本使用方法，并新建了一个users模块，现在就在这个基础之上结合mysql写登入注册接口。express使用mysql 在express中使用mysql实际上用的是node的mysql模块，首先下载mysql依赖：npm i mysql --s。下载完成后在根目录下新建一个model文件夹，在该文件下建一个index.js。 在项目中，我们使用mysql的地方肯定不止一处，为了方便代码的管理和维护，在mo...
2021-12-06 14:46:08
1366
1
原创 node+express+mysql搭建简易后台服务(仅供学习)-2，express路由的基本使用
上一节初识了一下express，本节就开始系统的了解一下这个框架。路由 之前写了一个简易的接口，在index.js中直接使用app.get来实现，那么，现实开发中，接口数量多，类型不一，有的是用户相关的，有的是调第三方数据，如果把这些接口都放到一个文件中，可以想象，随着项目代码量的增加，人员的更迭，这个文件会变得难以维护，使用express的路由模块就能很好的解决这个问题。这里的路由和前端的路由有些不一样，这里的路由，通俗的讲就是将各个后台功能接口分个类，就是模块化，比...
2021-12-05 12:17:19
1303
原创 node+express+mysql搭建简易后台服务(仅供学习)-1
很久之前了解过express这个框架，最近做项目的闲暇之余对其基础使用方法温习了一下，想着没有什么好办法做笔记，那就写写博客锻炼一下。 对于大部分前端来讲，在日常项目中几乎不使用node写后台相关的东西，当然我也一样不写node，但是前端了解一些相关的知识点有利于前台开发人员理解前后端分离模式下一个项目的整个生产流程。这有助于我们和后端人员进行更协调的配合。因此，写这方面的东西是为了让更多的前台开发人员(特别是仅仅通过前台培训成为前端而学习过程中没有了解过后台的)了解一个项...
2021-12-03 17:53:53
936
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人