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