- 博客(21)
- 收藏
- 关注
RSS订阅原创 Cesium中的坐标系及坐标转换
包括：WGS84经纬度坐标系（Cesium没有实际的对象表示）、 WGS84弧度坐标系（Cartographic）；包括：平面直角坐标系（Cartesian2）、笛卡尔空间直角坐标系（Cartesian3）、4D笛卡尔坐标系（Cartesian4）。经纬度和弧度转换、经纬度坐标和弧度坐标的转换、弧度坐标和笛卡尔空间直角坐标转换、经纬度和笛卡尔空间直角坐标转换、、平面坐标和笛卡尔空间直角坐标转换
2024-10-09 14:55:07
2380
原创 Leaflet——手动/动态绘制圆，线，多边形（单个及多个）
动态绘多边形主要涉及到三个事件:click,dbclick,mousemove;click确定多边形的角，dbclick确定多边形结束的角，mousemove绘制鼠标移动过程中多边形的变化;注意：单击事件和双击事件冲突，双击时执行两次单击事件；使用定时器解决，在单击事件函数里通过定时器控制延迟执行。单击事件函数和双击事件函数里都先清定时器。效果：双击第一次点击执行单击函数，第二次点击执行双击函数，思路：动态绘多边形主要涉及到三个事件:click,dbcl达到最后双击结束点也算多边形一角的效果。
2024-09-20 10:51:21
1817
1
原创 【前端WebSocket的基本使用 】
实时性: 传统HTTP请求需要客户端定期轮询服务器以获取新数据，而WebSocket允许服务器主动推送数据给客户端，实现实时更新。双向通信: WebSocket支持双向通信，客户端和服务器都可以发送消息，而不是仅限于客户端向服务器发送请求。跨平台：WebSocket协议是一种标准化的协议，被广泛支持和应用于不同的平台和编程语言中。低延迟: WebSocket连接保持开放，减少了连接和断开的开销，从而实现更低的通信延迟。的通信协议，允许客户端和服务器之间建立持久的、低延迟的连接，以实现实时数据传输。
2024-08-09 15:28:28
400
原创 Leaflet中使用Leaflet.contextmenu插件实现地图上添加鼠标右键菜单（Vue3）
Leaflet中使用Leaflet.contextmenu插件实现地图上添加鼠标右键菜单（Vue3）
2024-08-08 16:57:33
691
原创 Vue3，使用shaka -player，支持hls视频格式
Vue3，使用shaka -player，支持hls视频格式。Shaka Player 是谷歌公司对外开源的一款javascript 类库，详细请看谷歌官方api文档。import shaka from "shaka-player/dist/shaka-player.ui.js";onst initApp = () => { if (shaka.Player.isBrowserSupported()) { initPlayer(); } else { console.err
2024-05-14 11:16:18
1256
1
原创 vue3，父组件通过props传递异步数据，子组件接收不到问题
在父子组件传值时会遇到传的值是异步请求的数据，从而可能导致一些问题。父组件中发起请求拿到数据，将数据传给子组件，子组件onMounted生命周期却接收不到值（或者说只接收了父组件定义的初始值）。主要是因为父子组件的生命周期：思路很简单，就是初始还没获取到异步数据的时候，不让组件渲染，等拿到的时候再渲染组件。通过v-if控制子组件渲染，等拿到数据的时子组件就会渲染。可以认为是改变了父子组件的生命周期。但是这种方式有一个小问题，就是最终效果会显得子组件有些延迟才出现效果。因为异步数据是从后端的接口获取的，如
2024-04-23 16:04:11
5681
原创 el-tree树形组件懒加载
默认情况下 Tree 无法预知某个节点是否为叶子节点，所以会为每个节点添加一个下拉按钮，如果节点没有下层数据，则点击后下拉按钮会消失。，就证明该节点下没有子级。
2024-04-08 10:08:23
3486
2
原创 vue监听窗口切换
实现监听切出当前窗口，切回当前窗口调用方法。注意： 需要及时移除掉监听。比如说多次来回切换界面，多次切换不同的窗口，会导致时事件多次执行，影响性能。在组件销毁时移除监听。
2024-03-21 09:21:06
495
1
原创 vue权限管理，自定义权限指令
（本项目存在localStorage中，全局配置piniaPersistStorage: window.localStorage）在layout布局组件根据角色id获取用户权限，存放权限路由，权限菜单，权限按钮。layout.vue根据useLayout返回的menuList权限菜单进行渲染。把路由meta定义的操作显示到界面上，操作权限。修改权限后，用户登录后，获取角色id存储在本地。6、按钮控制（vue自定义权限指令）界面上的操作定义在路由meta上。1、路由定义界面操作。3、登录获取角色id。
2024-03-07 14:59:54
1332
1
原创 高德地图JS API，添加多个不同层级的覆盖物点标记，使用本地图片作为点标记icon
添加多个不同层级的覆盖物点标记，使用本地图片作为点标记icon
2023-08-18 16:56:31
1777
2
原创 Promise.all进行表单多选批量操作
let promise = function () { return new Promise((resolve) => { //接口 deleFilePermission().then((res) => { if (res.code === 200) { resolve();
2023-07-13 14:55:17
183
1
原创 let,const,var的区别
(1）块级作用域:es6新增了块作用域，块作用域由{ }包括,let和const具有块级作用域,var不存在块级作用域。(2）变量提升: var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。(3）重复声明: var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。(4)暂时性死区:在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区
2022-03-09 12:09:53
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人