- 博客(126)
- 收藏
- 关注
原创 webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用
webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用
2025-06-12 20:30:50
720
原创 浅谈 JavaScript 性能优化
本文探讨了JavaScript性能优化策略,涵盖代码执行、内存管理、渲染优化及网络加载等关键方面。核心优化措施包括:减少全局变量访问、使用防抖节流控制高频操作、优化循环效率;避免内存泄漏、对象复用技术;通过文档碎片减少DOM操作、利用CSS合成层优化动画;采用代码压缩及按需加载提升网络性能。Vue3专项优化建议包括合理使用响应式API(如readonly/shallowRef)、通过v-once缓存静态内容等。文末强调应基于性能分析针对性优化,避免过度优化。
2025-05-28 12:25:53
1088
原创 轮询与点击事件得冲突问题
轮询和点击事件的冲突通常源于JavaScript单线程特性导致的阻塞问题。常见原因包括:长时间同步轮询阻塞事件循环、事件监听器被覆盖、UI线程冻结或事件触发条件冲突。解决方案包括:使用异步操作拆分耗时任务,避免阻塞;正确绑定事件监听器;利用Web Workers分离计算逻辑;优化轮询频率;检查事件冒泡和层级关系。通过合理设计,可确保轮询与点击事件和谐共存。
2025-05-28 09:15:03
602
原创 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
965
原创 Three.js 之 视锥体可视化
通过这篇博客,我们深入了解了如何使用 Vue 3 和 Three.js 构建一个三维视锥体可视化示例。该项目不仅展示了 Three.js 强大的三维渲染能力,还融合了光照、阴影、相机控制、几何体构造等多个关键技术点。🎯 该项目为建筑可视化、游戏开发、VR/AR 应用提供了良好的起点,具有较强的实用价值与拓展潜力。如果你正在探索三维可视化领域,不妨尝试基于此代码进一步开发更复杂的功能!
2025-05-06 00:24:20
611
原创 Vue 3 中使用 Three.js 模拟楼栋阳光照射时长
技术栈:Vue 3 + Three.js 实现前端 3D 可视化。核心能力:建筑建模、光照模拟、阴影投射、日照分析、动画与交互。可扩展方向:增加建筑类型、支持用户自定义参数、优化光线追踪算法等。
2025-05-06 00:15:34
1033
原创 JavaScript中左键单击(click)与双击(dblclick)事件的关系解析&&地图操作避坑
JavaScript中左键单击(click)与双击(dblclick)事件的关系解析&&地图操作避坑
2025-04-02 00:47:30
951
原创 ecmascript 标准+ 严格模式与常规模式 + flat-flatMap 应用
ecmascript 标准+ 严格模式与常规模式 + flat-flatMap 应用
2025-01-12 11:38:07
1409
原创 css 布局及动画应用(flex+transform+transition+animation)
css 布局及动画应用(flex+transform+transition+animation)
2025-01-12 10:26:22
1334
原创 前端基础函数算法整理应用(sort+reduce+date+双重for循环)
前端基础函数算法整理应用(sort+reduce+date+双重for循环)
2025-01-06 20:41:39
956
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人