- 博客(21)
- 收藏
- 关注
RSS订阅原创 Cesium 移除底图添加天地图（多服务器分流）
本文介绍了如何在Cesium中移除默认卫星图层并替换为天地图服务。首先通过viewer.imageryLayers.remove()方法移除默认图层，然后使用WebMapTileServiceImageryProvider接入天地图WMTS服务。代码中配置了天地图的URL模板、图层名称、瓦片矩阵集、缩放级别范围(0-18级)以及子域名分流参数，最后通过addImageryProvider将天地图添加为新的底图图层。该操作实现了地图服务的切换，并支持通过多个子域名来提高瓦片加载效率。
2025-09-17 09:25:57
126
原创 利用tailwindcss和浏览器原生IntersectionObserver实现视口出入动画！
IntersectionObserver API用于监听元素进出视口。通过Tailwind配置自定义fadeInUp动画，在HTML元素上添加data-animate属性指定动画。JS代码创建观察者，当元素进入视口时添加动画类，离开时移除。这种方法实现了滚动触发的交互动画效果，使页面元素在视口内才播放动画，优化性能同时提升用户体验。
2025-08-22 10:52:02
273
原创 cesium / bmgl 雷暴雨特效
天气特效实现方案 该代码实现了一个天气特效系统，包含雨和闪电两种天气效果。通过后处理阶段(PostProcessStage)实现，主要功能包括： 雨特效： 使用片段着色器(fs_rain)模拟雨滴下落效果 可调整混合系数控制透明度 基于噪声函数生成随机雨滴图案 闪电特效： 使用更复杂的片段着色器(fs_lightning) 包含闪电分支算法和辉光效果 可调整下落间隔和混合系数 管理功能： 支持添加/移除特效 通过名称查找已有特效 强制每帧渲染确保效果流畅 系统基于Cesium的PostProcessStag
2025-07-17 16:29:08
186
原创 indexDB + Promise 实现弱网环境下保证数据完整性（弱网缓存兜底）工具封装（仅适用于时效性不强的数据）
摘要：为解决3G网络下数据展示问题，开发了基于IndexedDB的弱网缓存方案。对于时效性不强的数据，通过fetchWithCache方法实现：1）优先尝试网络请求，2秒超时；2）失败后读取本地缓存；3）网络成功时更新缓存。该方案使用简单，不干扰业务代码，存储容量大，但需进一步优化IndexedDB性能。关键实现包括openDB、setToDB和getFromDB方法，支持将API请求结果缓存到本地，确保弱网环境下数据仍可展示。调用时只需将原API封装为fetchWithCache即可。
2025-07-15 17:33:09
309
原创 前端工程化cjs umd es 打包差异化
何时加载？运行时还是编译？引出的值是拷贝还是引用？可在哪些环境下使用？同步还是异步？以上就是前端工程化cjs umd esm 打包差异详解的详细内容。
2023-09-08 16:28:52
1029
1
原创 Cesium 解决primitive相互遮挡问题
在做Cesium时，添加了一个面和一个城市的边界，后来发现添加的面总是遮住了边界线。在添加时候找配置想设置有关z-index的配置并没有找到。后来知道这个显示层级是根据前后添加的顺序决定的。后添加的primitive就在上层。另外还有一个raiseToTop方法可以直接将某个primitive置于顶层。（如果没有效果尝试开启深度测试）
2023-07-24 14:43:01
3020
1
原创 linux nginx 配置 部署web项目
nginx安装好后，创建web文件夹部署web项目。修改nginx.conf 配置。保存后重启nginx。给777权限，防火墙开放80端口。重启防火墙
2023-01-12 15:24:43
456
原创 前端学习笔记
html5新特性1.语义标签常用的语义化标签：<header></header>头部<nav></nav>导航栏<section></section>区块（有语义化的div）<main></main>主要区域<artical></artical>主要内容<aside></aside>侧边栏<footer></...
2021-12-26 10:15:09
2380
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人