- 博客(41)
- 收藏
- 关注
RSS订阅原创 AI 写前端，优化的是演示，不是交付
大模型写页面时，拟合的是它见得最多的那种前端：文档示例、博客 Demo、十几条字段齐全的 mock。那个分布里，列表很短，请求不会并发，用户也不会在返回前离开页面。中后台的真实分布几乎处处相反。所以同一句「写个订单列表」，会得到一份能演示的代码，和一份能合并的代码。差的通常不是模型档位，而是规格里有没有写入真实分布。下面用同一需求的两份生成物说明这件事。
2026-09-17 14:26:14
509
原创 第21章：CesiumJS 从入门到精通 21：指尖的地球：ScreenSpaceEventHandler 全掌握
完整讲解 Cesium 交互核心类 ScreenSpaceEventHandler，覆盖全量鼠标 / 触摸事件、拖拽交互通用模板、单层 / 穿透拾取、屏幕 / 世界 / 地理坐标全套转换 API、相机控制器自定义配置；附带多点测距完整实战代码，适用于数字孪生、BIM 可视化、倾斜摄影项目开发各类标绘、拾取、测量交互工具开发。
2026-09-17 11:04:03
170
原创 第20章：CesiumJS 从入门到精通20：滤镜魔法：PostProcessStage后期处理效果
完整讲解 Cesium 全屏后期处理管线 PostProcessStage，包含六大官方内置滤镜使用、GLSL 自定义滤镜开发、多滤镜组合打包、selected 选中物体局部特效交互，配套全套可运行代码与分辨率缩放等性能优化方案，用于数字孪生、BIM 仿真、城市三维可视化项目画面质感提升开发。
2026-09-16 15:40:07
309
原创 第19章：CesiumJS粒子系统——动态特效全解析
完整讲解 ParticleSystem 粒子系统全能力：四类发射器选型、Canvas 动态生成粒子纹理、updateCallback 自定义重力 / 旋涡物理运动、bursts 定时爆发动画；提供下雪、篝火、循环烟花、火箭复合特效完整可运行代码，配套距离自适应性能优化方案，适用于数字孪生园区、应急仿真、城市三维动态氛围渲染开发。
2026-09-16 15:39:44
388
原创 第18章：CesiumJS 从入门到精通 18：建筑师的工具：3D Tiles 变换裁剪与自定义着色器
聚焦 3D Tiles 五大高级生产级能力：剖切平面模型剖面查看、自定义 GLSL 着色器实现热力 / 脉冲发光特效、debug 瓦片可视化调试、跳级加载大场景加速、显存上限管控防页面崩溃；配套建筑剖面综合 Demo，覆盖 BIM 检修、倾斜摄影城市分析等工业级三维开发场景，提供完整可复用代码与性能调优方案。
2026-09-15 15:28:59
467
原创 第17章：CesiumJS 从入门到精通17：山峦的肌理——高程地形加载与分析
系统讲解 DEM 高程地形原理、各类 TerrainProvider 地形数据源加载方案；详解地形光照、垂直夸张系数视觉优化手段；提供sampleTerrain高程采样、地形剖面分析完整代码；区分HeightReference两种高度参考，解决模型贴地悬空问题；附带可直接运行的地形综合控制面板 Demo，适用于地质分析、实景三维、数字孪生等地形可视化开发场景。
2026-09-15 15:28:31
395
原创 第16章：CesiumJS 从入门到精通16：城市滤镜：3D Tiles Styling 与瓦片交互
详解Cesium3DTileStyle三维瓦片样式引擎语法、属性表达式、多条件着色、要素过滤；介绍Cesium3DTileFeature屏幕拾取、属性读取、悬停高亮、点击隔离、镜头飞行全套交互代码；区分 Feature/Style/ 原始纹理三层渲染优先级，配套性能优化避坑方案与完整智慧城市建筑体检 Demo，覆盖倾斜摄影、BIM 园区三维数据可视化分析开发场景。
2026-08-13 16:09:14
191
原创 第15章：CesiumJS 从入门到精通 15：城市的细胞：3D Tiles 瓦片集加载与基本交互
完整讲解 3D Tiles 三维瓦片规范原理、Cesium3DTileset瓦片集加载两种方案；详解modelMatrix坐标变换、HLOD 层级细节渲染逻辑、maximumScreenSpaceError 画质调参；配套瓦片生命周期事件、屏幕拾取建筑交互完整代码；补充 Cesium Ion 云端资产使用、内存渲染性能优化、Inspector 调试工具，覆盖城市倾斜摄影、BIM 园区、激光点云等数字孪生场景基础三维加载开发全流程。
2026-08-13 16:08:37
449
原创 第14章：CesiumJS 从入门到精通 14：地球的皮肤：影像图层体系与多底图混合
完整解析 Cesium 影像图层整套架构，区分ImageryProvider瓦片数据源与ImageryLayer渲染层的分层设计；覆盖全类型瓦片加载器选型、图层透明度 / 色彩 / 范围裁切调控、图层集合叠放排序、splitDirection 卷帘对比；配套天地图 WMTS 瓦片完整可运行代码；补充瓦片调试、并发限流、图层性能优化生产方案，适配国内三维 GIS、数字孪生项目多底图叠加开发场景。
2026-07-16 10:30:38
199
原创 第13章：CesiumJS 从入门到精通13：时间的故事：CZML数据格式与时空可视化
全面讲解 Cesium 专属时序数据格式 CZML 完整规范。对比 GeoJSON/KML 突出 CZML 时空动态核心优势；详解 Packet 数据单元、epoch 时序采样数组、LINEAR/LAGRANGE/HERMITE 插值算法选型；配套 path 轨迹拖尾、clock 全局自动播放时钟完整实战代码；拓展流式增量推送、父子层级、动态属性关联等工程级高级特性，适用于卫星轨道、航班车辆回放、实时传感器时序监控等动态三维可视化开发。
2026-07-16 10:30:19
291
原创 第12章：CesiumJS 从入门到精通 12：GeoJSON 全解：规范、加载、分级渲染、孔洞与 TopoJSON 实战
完整讲解 GeoJSON RFC7946 规范标准、GeoJsonDataSource全量加载 API、数据驱动分级可视化实现方案；覆盖多边形孔洞、MultiPolygon 多岛复杂面、perPositionHeight 逐点高程渲染；详解 TopoJSON 压缩矢量原理与前端转换落地代码；配套空气质量监测站综合实战、高频踩坑排查清单与生产环境最佳实践，适用于行政区专题图、监测点位、管线路网等静态矢量 WebGIS 开发。
2026-07-15 09:13:45
442
原创 第11章：CesiumJS 从入门到精通 11：数据驱动世界：DataSource 加载与解析机制全解
完整拆解 Cesium DataSource 整套数据加载架构。从设计思想、抽象基类统一接口出发，详解 GeoJSON、CZML、KML 三大内置数据源完整 API、代码示例与业务选型；讲解 CustomDataSource 自定义业务数据封装方案；介绍 DataSourceCollection 图层统一管理方法；配套加载状态监听、异常捕获、海量矢量优化方案与综合实战案例，覆盖智慧城市、航天仿真、地理矢量可视化全场景开发需求，是 WebGIS 批量矢量图层开发核心教程。
2026-07-15 09:12:23
608
原创 第10章：CesiumJS 从入门到精通 10：质感即正义：Appearance 与 Material 体系
上一篇文章我们深入探讨了 CesiumJS 的Primitive 体系，从最低层的GeometryAppearance组合出发，理解了 Cesium 是如何在 WebGL 之上构建高性能渲染管线的。我们也提到一个关键概念 ——Appearance 决定了 "怎么画"，Material 决定了 "画什么质感"。几何体只是骨架，外观和材质才是皮肉。今天我们就来系统学习 CesiumJS 的外观与材质体系。// 方式1：图片URL（最常用，自动异步加载）});
2026-06-12 16:52:37
317
原创 第9章：CesiumJS 从入门到精通 9：工匠的积木：所有 Geometry 几何体全解
完整拆解 CesiumJS 全部内置 Geometry 几何体。文章划分二维平面、三维立体、线状三大类几何体，详解 VertexFormat 顶点格式性能优化方案；重点讲解 PolygonHierarchy 嵌套挖洞、PolylineVolumeGeometry 管状管线建模；介绍 GeometryPipeline 几何体处理工具链，附带大量可运行 JS 示例代码，同时给出几何体批量渲染、顶点精简、实例复用等实战性能优化方案，适合需要海量三维面、体、管线可视化的数字孪生、智慧城市开发人员学习。
2026-06-12 16:47:56
448
原创 第8章：CesiumJS 从入门到精通 8：突破高层束缚：Primitive API 初探
本文为《CesiumJS 从入门到精通》系列第八篇，正式进入Primitive 底层渲染 API 学习。对比 Entity 与 Primitive 的核心差异，详解 Primitive 四段式构建流程：Geometry、GeometryInstance、Appearance、Primitive；介绍高精度贴地渲染方案 GroundPrimitive，讲解批量实例化高性能渲染技巧与 modelMatrix 变换矩阵用法；提供几何体拾取、异步加载、显存释放等工程实践，给出 Entity 与 Primitive
2026-06-09 14:42:13
384
原创 第7章：CesiumJS 从入门到精通⑦：时间驱动可视化 — Property 机制、动态材质与时钟系统
本文为《CesiumJS 从入门到精通》系列第七篇，聚焦 Cesium 核心的时间驱动动态可视化体系。详细讲解五大 Property 数据类型：静态常量、采样插值、时间区间、复合拼接、自定义回调，并结合代码演示各类场景用法；介绍 MaterialProperty 动态材质体系，实现流动条纹、箭头航线等特效；讲解 availability 时间显隐控制与 viewer.clock 时钟系统配置、动画播放、倍速调节。文末提供选型决策树、性能优化方案与调试技巧，搭配综合实战案例与课后练习，完整覆盖飞行器轨迹、动态
2026-06-09 11:07:03
18
原创 第6章：CesiumJS 从入门到精通 6：点线面体的艺术：所有 Entity Graphics 全解
本文为 CesiumJS 入门系列第六篇，全面详解 Entity 下全部 Graphics 绘图组件，按照点、线、面、体、特殊几何体、外部模型分类梳理 Cesium 所有原生绘制能力
2026-06-06 17:30:01
178
原创 第5章：CesiumJS 从入门到精通⑤：万物皆实体：Entity API 核心概念与基础操作
本文详解 Cesium Entity 万物皆实体设计思想，讲解实体增删改查、Point/Billboard/Label 三种标注用法、Color 多格式配色、批量优化与属性修改避坑，配套实操代码，快速掌握地图点位标注开发。
2026-06-06 17:19:58
79
原创 第4章：CesiumJS 从入门到精通④：上帝之眼——Camera 基础操作与坐标系
本文详解 Cesium 相机与三大坐标体系，梳理Cartesian3/Cartographic/Cartesian2坐标含义与互相转换方法，重点拆解flyTo/setView/zoomTo/lookAt等 6 类相机定位 API，详解 heading/pitch/roll 三轴视角控制、飞行缓动配置，附带获取相机位置、限制缩放、终止飞行等实用代码，帮助开发者精准操控视角定位地图任意点位，为后续 Entity 标注开发打下坐标基础。
2026-06-05 10:15:53
20
原创 第3章：CesiumJS 从入门到精通③：Viewer 构造参数全解 —— 你忽略的宝藏配置
本文全面拆解 Cesium Viewer 初始化六大类配置参数，详解 3 种地图场景切换、多款主流底图接入、全球高程地形配置、按需渲染性能优化、实体选中与相机跟随交互开发，附带生产项目开箱即用初始化模板，帮开发者告别默认配置，按需定制地图基础环境。
2026-06-05 10:07:52
33
原创 第 2 章：CesiumJS 从入门到精通②：搞懂架构，你就赢了一半
本文是 CesiumJS 入门专栏第二篇，侧重架构原理讲解，无大量实操代码。文章从 Cesium 五层分层架构入手，梳理Viewer-Scene-Globe-Camera从属关系，对比Entity、Primitive、DataSource三种要素绘制方案的适用场景与性能差异，解析 Cesium 逐帧渲染工作流程，汇总项目高频内置工具类 API；帮助开发者建立 Cesium 整体知识框架，解决盲目调用 API、排错无从下手的痛点，文末附带实操练习与下篇预告。
2026-06-04 15:26:51
126
原创 第 1 章：启程 —— 搭建你的第一个 CesiumJS 三维地球
本文为 CesiumJS 零基础入门教程，围绕 Vite 搭建 Cesium 三维 GIS 项目展开：介绍 CesiumJS 是基于 WebGL 的开源前端三维地球可视化引擎，明确应用领域与功能边界，区分其和建模、游戏引擎的差异；选用 Vite 作为构建工具，对比 Webpack 优势，说明 Node 环境安装要求，详解 Cesium Ion 账号注册、Token 获取与安全存放规范；分步完成项目初始化、依赖安装、Vite 配置、页面与 JS 代码编写，一键启动项目实现带北京点位标注的三维地球；逐行
2026-06-04 15:16:00
176
原创 使用navigator录制屏幕，当访问地址不是localhost时报错解决
http://example.com为需要录屏屏幕的ip，我的为http://192.168.80.91:5003/#/login。，可通过开启 Chrome 的相应参数。注意：--最前面有一个空格。其他情况下，比如在一个。环境下也能使用和调试。
2023-07-10 14:39:35
937
1
原创 使用mixins混入，封装一键实现前端的增删改查
1.我们将弹窗封装成组件，在弹窗组件中实现新增和修改和查看详情2.在数据展示页面实现，渲染列表和删除导入等。
2023-04-28 15:35:38
539
原创 解决安装jspdf和html2canvas报错问题，和实现HTML转pdf全过程
报错export 'default' (imported as '_defineProperty') was not found in '@babel/runtime/helpers/defineProperty' (module has no exports)版本问题，我用的vue2，安装以下版本。
2023-04-21 17:38:59
2368
1
原创 如果你用pdfjs和canvas实现页面转pdf下载和打印失败，这一招轻松搞定
【代码】如果你用pdfjs和canvas实现页面转pdf下载和打印失败，这一招轻松搞定。
2023-04-20 17:57:50
560
原创 threejs的学习理解（一）--- 相机
threejs主要分为场景，照相机，渲染器，控件完整的步骤创建场景，创建几何体和材质，创建模型和灯光加在场景中，创建照相机和渲染器，渲染，加入控件实现拖拽，拖动和缩放。
2023-03-31 09:50:41
282
原创 threejs的学习理解（一）--- 场景
threejs主要分为场景，照相机，渲染器，控件完整的步骤创建场景，创建几何体和材质，创建模型和灯光加在场景中，创建照相机和渲染器，渲染，加入控件实现拖拽，拖动和缩放。
2023-03-09 18:15:35
243
原创 g6学习笔记三(Graph）
Graph 是 G6 图表的载体,有的 G6 节点实例操作以及事件，行为监听都在 Graph 实例上进行。Graph 的初始化通过 new 进行实例化，实例化时需要传入需要的参数。
2023-02-23 14:30:19
6002
原创 webStorm离不开的快捷键
1. ctrl + F12: 显示当前文件的结构，双击定位2. ctrl + x: 剪切3. ctrl + d: 复制行4. ctrl + alt + l 格式化代码5. ctrl + shift + up: 行移动6. ctrl + alt+ left/right 定位至上次/下次浏览位置7. ctrl +/ 行注释8. ctrl + shfit + / 块注释9. ctrl + F 查找文本10. ctrl + shfit + F 全局查找文本11. ctrl +
2022-04-14 11:22:38
539
原创 前端工作BUG心得
一 admin路由篇1.动态路由只有一个子菜单，父菜单不显示问题解决：父菜单添加alwaysShow：true属性，显示全部。2.不同角色登录，首次进入权限不更新问题解决：判断权限时需要深拷贝动态路由。3.动态路由刷新空白页问题解决：404页面加在动态路由最后。4.刷新路由不能持久化问题解决：可以在main.js中new vue时，添加mounted钩子函数，重新书写添加动态路由操作。5.动态路由没有子菜单，父菜单依然显示问题解决：在layout-->compo
2022-04-12 17:40:47
881
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人