放逐者-保持本心，方可放逐-CSDN博客

原创 Cesium 实现雷达扫描效果的完整指南

本文介绍了使用Cesium实现逼真雷达扫描效果的方法，主要分为三个步骤：1）构建半圆体基底(Ellipsoid几何体)；2）绘制立体墙(Wall几何体)；3）通过时钟驱动实现扫描动画。通过封装CesiumRadarScan类，可灵活配置中心坐标、半径、颜色和扫描速度等参数，并支持动态调整颜色、控制扫描状态等高级功能。该效果适用于军事仿真、交通监控等三维可视化场景，提供了完整的实现流程和代码示例。并且附上了源码，开箱即用

2026-02-11 10:01:26 640

原创 react 之 useState 和 useEffect 应用

react 之 useState 和 useEffect 应用

2026-01-20 09:57:48 740

原创 React核心组件及钩子函数应用

React核心组件及钩子函数应用

2026-01-20 09:38:17 684

原创【实战】Cesium 自定义绘图工具开发：航线/矩形/扇形绘制与WKT数据交互(不同的是矩形/扇形绘制根据标注方向进行绘制，可任意角度且带方向)

【实战】Cesium 自定义绘图工具开发：航线/矩形/扇形绘制与WKT数据交互(不同的是矩形/扇形绘制根据标注方向进行绘制，可任意角度)

2026-01-19 16:00:21 474

原创 Node.js 多线程与高并发+实例+思考（简要版）

Node.js通过worker_threads模块支持多线程处理，主要用于解决CPU密集型任务阻塞主线程的问题。核心场景包括复杂数学计算、大数据量运算等，通过创建工作线程避免主线程阻塞。示例代码展示了如何利用worker_threads拆分计算任务，主线程与工作线程通过消息通信传递数据。高并发场景下，Node.js采用非阻塞I/O和事件循环机制，配合cluster模块实现多核CPU利用，结合异步编程、缓存优化和负载均衡等策略提升性能。关键原则是将CPU密集型任务移交线程/进程处理，保证主线程高效处理I/O操

2026-01-15 09:08:50 666

原创无界微前端全方位解析（特性、选型、实战、优劣对比）及Gis 应用实例

无界微前端全方位解析（特性、选型、实战、优劣对比）及Gis 应用实例

2026-01-14 13:46:46 785

原创 electron 中的那些事(很关键)-核心要点补充

electron 中的那些事(很关键)-核心要点补充

2026-01-14 09:50:16 569

原创 Vue项目中实现Word文档预览功能的完整解决方案

本文介绍了在Vue项目中实现Word文档预览功能的完整解决方案。通过使用docx-preview库，支持.docx格式文档预览，并提供文件下载、加载状态提示和错误处理机制。技术栈采用Vue 2.x、Element UI和Stylus，实现A4纸张大小适配和响应式设计。核心功能包括：安装依赖后创建预览组件，处理文件路径变更监听，实现文档加载逻辑，并提供文件下载功能。文中详细展示了组件代码结构，包括模板布局、数据状态管理和关键方法实现，如downloadFile和loadDocx方法，涵盖错误处理、文件扩展名检

2025-12-25 16:58:21 1206

原创 PDFObject 在 Vue 项目中的应用实例详解

本文详细介绍了如何在Vue项目中使用PDFObject库实现PDF预览功能。通过安装PDFObject并创建Vue组件，实现了PDF文件的嵌入显示、路径验证、文件存在性检查等核心功能。组件提供了打印和下载按钮，支持自定义PDF显示参数（如工具栏、页面适配等），并包含完善的错误处理机制。使用Stylus预处理器设计了自适应容器样式，确保PDF显示效果良好。该方案为网页端PDF预览提供了一套完整的实现方案，可提升用户体验。

2025-12-25 16:50:16 819

原创浏览器解析与渲染原理：前端开发者的核心认知体系

摘要浏览器渲染流程分为解析和渲染两个阶段。解析阶段将HTML和CSS分别转换为DOM树和CSSOM树，二者结合形成渲染树。渲染阶段通过布局计算元素几何信息，绘制生成像素数据，最后由GPU合成最终页面。前端开发需关注关键性能点：JS阻塞HTML解析、CSS阻塞渲染、重排代价高于重绘。优化策略包括合理使用JS延迟加载、内联关键CSS、减少布局抖动等，以提升渲染性能和用户体验。

2025-11-18 11:41:55 828

原创 Vue 虚拟DOM与变化侦测（通俗易懂总结+注释代码）篇

Vue 虚拟DOM与变化侦测

2025-11-18 11:08:00 881

原创一文详细了解 pinia 应用以及业务解决方案

Pinia的核心概念围绕store展开，通过defineStore定义并包含以下核心属性：$id(唯一标识)、$state(状态数据)、$getters(计算属性)、$actions(业务方法)等关键功能。文章详细解析了各属性的作用与用法，包括状态修改、计算派生数据、订阅监听等操作。同时提供了解决Pinia实例缺失上下文的方法，如导出Pinia实例或使用全局变量。最后针对循环依赖问题，建议采用延迟导入或重构代码结构来避免。本文全面介绍了Pinia的核心功能和使用技巧，适合开发者快速掌握该状态管理工具。

2025-11-14 11:01:20 1223

原创 JS Map 函数的二度回炉

摘要： JavaScript 中的 Map 是 ES6 引入的高效键值存储结构，相比对象具有更灵活的特性：支持任意类型键、严格保持插入顺序、更高的增删性能。其核心优势体现在复杂键映射、有序迭代、数据去重等场景，并能通过复合键、双向映射、TTL机制等高级用法解决实际问题。Map 的设计弥补了对象作为映射表的缺陷，为函数式编程和数据结构化提供了更优方案，是现代化 JavaScript 开发中值得深入掌握的工具。

2025-11-14 10:36:38 1013

原创 Vue3 + Vite项目=》babel转义兼容低版本实现+vite 分包处理方案

Vue3+Vite 分包优化方案

2025-11-13 20:05:54 904

原创 ts 总结及应用

TypeScript（TS）是JavaScript的超集，为JS添加了静态类型检查和面向对象特性。TS的优势包括强类型支持、编译时错误检查以及更完善的代码结构。基础类型涵盖string、number、boolean等原始类型，以及数组、元组等复合类型。复杂类型涉及对象接口、函数类型、联合/交叉类型等高级特性，帮助开发者构建更健壮的应用。TS需要通过编译转换为JS运行，虽然增加了学习成本，但能显著提升代码可维护性，尤其适合大型项目开发。

2025-08-20 16:49:46 985

原创 Electron开发的核心功能要点总结，旨在帮助快速掌握Electron开发核心逻辑

典型开发流程：初始化项目→配置主窗口→实现进程通信→处理业务逻辑→安全加固。需特别注意进程隔离与API暴露的安全性设计。

2025-08-20 11:13:37 1265

原创大数据量dom如何渲染（二）

虚拟滚动技术解析虚拟滚动是一种前端性能优化技术，通过仅渲染用户视口内的可见内容来处理大数据列表（如几万条数据），避免一次性创建全部DOM节点导致渲染缓慢、内存占用过高的问题。其核心原理包括：计算可视区域、动态渲染可见项、使用占位元素模拟完整列表滚动效果。与虚拟DOM不同，虚拟滚动专注于高效渲染大数据列表，而虚拟DOM则优化DOM更新效率。两者可协同工作，虚拟滚动减少初始DOM数量，虚拟DOM优化更新过程。现代框架如React、Vue已提供成熟的虚拟滚动组件（如react-window、vue-virtu

2025-08-13 08:53:37 1089

原创大数据量dom如何渲染（一）

虚拟滚动是一种前端优化技术，通过仅渲染用户视口内的列表项来高效处理大数据量列表（如数万条数据）。其核心原理是动态计算可视区域，创建少量DOM节点，并通过占位元素模拟完整列表的滚动效果，从而大幅减少初始渲染时间和内存占用。与虚拟DOM不同，虚拟滚动专注于提升大数据列表的渲染性能，而虚拟DOM则优化视图更新效率。两者可协同使用，例如在React/Vue中结合虚拟滚动组件（如react-window）和虚拟DOM机制，实现最优性能。适用场景包括日志、订单等长列表展示。

2025-08-13 08:52:41 1189

原创 Python基础应用-是学习也是基础总结

本文总结了Python编程中常用的核心方法，涵盖五个主要方面：1）内置函数如print()、input()等基础功能；2）字符串处理方法如strip()、split()等文本操作；3）列表操作方法包括append()、sort()等元素处理；4）字典操作方法如keys()、get()等键值管理；5）文件操作方法read()、write()等IO处理。每个方法都配有典型示例代码，如zip()函数将两个列表元素配对为元组，map()对列表元素应用函数等。这些方法构成了Python编程的基础工具集，掌握它们能显著

2025-07-21 08:53:56 731

原创前端最新api应用-掌握前端应用的前沿场景

本文介绍了现代Web开发中的最新技术特性，涵盖JavaScript、CSS、HTML、Vue 3和TypeScript五大领域。JavaScript部分重点介绍了可选链操作符、空值合并操作符等新API；CSS部分展示了Grid布局、变量定义等增强功能；HTML部分包含原生懒加载、语义化标签等特性；Vue 3部分详解了Composition API和响应式系统；TypeScript部分则介绍了基础类型和接口等核心概念。这些技术为开发者提供了更高效、更强大的开发工具和解决方案。

2025-07-18 09:22:53 824

原创 Vue 3的核心机制-解析事件流、DOM更新、数据请求、DOM操作规范及组件库DOM操作的解决方案

摘要： Vue 3通过响应式机制和虚拟DOM优化DOM操作，推荐优先使用数据驱动而非直接DOM操作。事件处理遵循捕获→目标→冒泡流程，可通过修饰符（如.stop）控制；DOM更新依赖Proxy代理和Diff算法，列表渲染需绑定key提升性能；数据请求建议在onMounted中发起，配合防抖/节流优化。组件库（如AntDV）的DOM操作应通过ref获取实例或利用插槽/生命周期事件，避免穿透内部结构。例如监听Table滚动时，可用ref定位内部容器或尝试内置事件，同时注意手动管理事件监听与销毁。直接操作DOM易

2025-07-15 08:59:52 1129

原创 mapbox gl 三维可视化渲染及栅格、矢量、自定义图层应用（重点阐述栅格数据的渲染）

mapbox gl 三维可视化渲染及栅格、矢量、自定义图层应用（重点阐述栅格数据的渲染）

2025-06-18 13:37:30 945

原创 webgl（three.js 与 cesium 等实例应用）之浏览器渲染应用及内存释放的关联与应用

webgl（three.js 与 cesium 等实例应用）之浏览器渲染应用及内存释放的关联与应用

2025-06-12 20:30:50 1229

原创浅谈 JavaScript 性能优化

本文探讨了JavaScript性能优化策略，涵盖代码执行、内存管理、渲染优化及网络加载等关键方面。核心优化措施包括：减少全局变量访问、使用防抖节流控制高频操作、优化循环效率；避免内存泄漏、对象复用技术；通过文档碎片减少DOM操作、利用CSS合成层优化动画；采用代码压缩及按需加载提升网络性能。Vue3专项优化建议包括合理使用响应式API（如readonly/shallowRef）、通过v-once缓存静态内容等。文末强调应基于性能分析针对性优化，避免过度优化。

2025-05-28 12:25:53 1269

原创轮询与点击事件得冲突问题

轮询和点击事件的冲突通常源于JavaScript单线程特性导致的阻塞问题。常见原因包括：长时间同步轮询阻塞事件循环、事件监听器被覆盖、UI线程冻结或事件触发条件冲突。解决方案包括：使用异步操作拆分耗时任务，避免阻塞；正确绑定事件监听器；利用Web Workers分离计算逻辑；优化轮询频率；检查事件冒泡和层级关系。通过合理设计，可确保轮询与点击事件和谐共存。

2025-05-28 09:15:03 925

原创 v-if,v-show,component is你真的了解嘛，欢迎一起回顾

Vue.js 提供了多种指令和组件来管理元素的显示、隐藏和动态渲染。v-if 指令根据条件决定是否渲染元素，条件为 false 时元素会被完全移除，适合不频繁切换的场景。v-show 则通过 CSS 的 display 属性控制元素的可见性，元素始终存在于 DOM 中，适合频繁切换的场景。component :is 用于动态渲染组件，适合需要动态切换组件的场景，但每次切换时组件状态会被重置。keep-alive 组件可以缓存动态切换的组件实例，保留其状态，适合需要保留用户输入或滚动位置的场景。DOM 元素的

2025-05-21 09:07:42 1108

原创 Three.js 之视锥体可视化

通过这篇博客，我们深入了解了如何使用 Vue 3 和 Three.js 构建一个三维视锥体可视化示例。该项目不仅展示了 Three.js 强大的三维渲染能力，还融合了光照、阴影、相机控制、几何体构造等多个关键技术点。🎯 该项目为建筑可视化、游戏开发、VR/AR 应用提供了良好的起点，具有较强的实用价值与拓展潜力。如果你正在探索三维可视化领域，不妨尝试基于此代码进一步开发更复杂的功能！

2025-05-06 00:24:20 901