- 博客(184)
- 收藏
- 关注
RSS订阅原创 react 面试题 state和props有什么区别？
React面试题解析：state和props的区别 【核心区别】 state是组件内部数据状态，通过setState修改，主要用于组件内部渲染；props是外部传入的不可变数据，用于组件配置和通信。 state可内部修改，props需通过父组件回调或状态管理工具修改；props数据只能向下流动。 相同点：都是数据载体，修改后都会触发组件重新渲染。 【应用场景】state管理组件自身状态，props实现组件间通信和配置。每天积累面试知识，提升竞争力。
2025-09-08 17:39:37
251
原创 react 面试题 react 有什么特点？
React框架特点总结：采用单向数据流（props父传子），响应更快更安全；支持声明式编程，代码简洁易维护；组件化开发，可复用易组合；专注UI交互的JS库；使用JSX语法实现HTML与JS结合。文章还分享了面试心得，建议开发者日常关注面试题，既提升底层代码理解，又增强面试技巧，才能在求职市场获得更好机会。求职者需在"重在参与"和"积极求职"两种心态间做好平衡。
2025-09-08 16:23:49
484
原创 js面试题 代码是如何执行的？执行的顺序是什么？
本文介绍了JavaScript代码的执行顺序。JS是单线程语言，执行顺序为：先同步代码（变量声明、运算、函数调用等），再异步代码。异步代码分为微任务和宏任务，执行顺序为微任务优先于宏任务。常见的微任务包括Promise.then/catch/finally、async/await、queueMicrotask()等；宏任务包括setTimeout、setInterval、I/O操作、UI渲染等。理解这些执行顺序的关键点有助于更好地掌握JS代码的运行机制。
2025-09-06 22:00:35
405
原创 js面试题 什么是作用域？
本文介绍了JS作用域的概念，包括全局作用域和局部作用域的区别，以及作用域链的特点。重点讲解了使用var声明变量的注意事项、变量提升机制和声明排序规则，并给出了三点实践建议：用let/const替代var、减少全局变量、利用块级作用域。最后作者分享感悟，强调技术人员不仅要掌握专业技能，还要重视面试准备，才能在求职季获得更好的薪资评估。全文以技术分享为主，结尾处巧妙融入职场建议，体现了技术人的职业发展思考。
2025-09-06 21:20:19
311
原创 uniapp 微信小程序中如何加载字体
小程序加载字体，在一定程度上将字体进行压缩，让字体能快速的加载下来。尤其是使用方法的时候，更是要注意字体包的大小，避免造成渲染阻塞。
2025-08-21 16:05:22
625
原创 uniapp 获取手机状态栏的高度
在app.vue中通过微信小程序接口，将获取对应的手机设备信息，根据设备信息，调整页面的布局，是小程序的样式随不同的手机兼容样式。
2025-08-21 15:46:21
466
原创 threeJs+vue 漫游练习
在日常开发中，会用到这个光源，有时候光源的位置不好确定，这是就需要光源辅助器来协助开发。在当前项目中，主要使用的就是两个光源辅助器，点光源辅助器和散射光源辅助器。了另外增加一个平行光源辅助器。
2025-08-15 11:47:54
486
原创 如何提高微信小程序的应用速度
提升微信小程序速度可从加载和渲染两方面优化。加载时：压缩代码、清理无效资源、减少图片数量和大小（合并图片、使用静态资源库）。渲染时：异步请求数据、减少HTTP请求、跨页面传递数据、慎用setData。注意小程序启动流程：预加载→下载代码→加载→显示→首屏渲染。
2025-07-25 15:54:26
375
原创 小程序生命周期及页面操作执行过程详解
小程序生命周期执行过程分析：应用启动时依次执行APP的onLaunch和onShow，然后执行页面的onLoad、onShow和onReady；页面跳转时当前页触发onHide，新页执行onLoad、onShow和onReady；返回上一页时当前页触发onUnload，上一页显示。注意页面隐藏与卸载的区别，以及onShow在不同场景的执行顺序差异。
2025-07-24 15:29:07
407
原创 vue+three.js 加载fbx动画模型
摘要：本文介绍了如何在Vue项目中结合three.js加载FBX动画模型并实现动画效果。主要内容包括：1) 使用FBXLoader加载器加载模型；2) 创建Three.js场景、相机、灯光等基础设置；3) 通过AnimationMixer处理模型动画；4) 模型尺寸适配和位置调整。文章还强调了代码封装的重要性，并对比了FBX与GLTF模型加载的差异。该项目展示了前端3D技术在现代网页开发中的应用，为开发者提供了将3D动画集成到Vue项目中的实现方案。
2025-07-01 17:41:24
748
原创 vue+three.js 加载模型，并让模型随航线飞行
本文介绍了如何使用Vue+Three.js实现3D模型沿航线飞行的效果。主要内容包括：1) Three.js核心概念解析，如setScalar、turbidity、rayleigh等参数配置；2) 实现步骤：初始化场景、加载飞机模型、创建飞行路径曲线；3) 关键代码：通过CatmullRomCurve3创建平滑路径，使用getPoint和getTangent实现模型沿路径移动和朝向控制；4) 优化技巧：屏幕尺寸调整时仅需更新相机参数，避免重新加载模型。文章还提供了完整的代码示例，以及制作完成项目需要注意事项
2025-07-01 16:08:40
1171
原创 vue+threeJs 生成一个圆柱体
本文介绍了如何使用Vue.js和Three.js创建3D圆柱体。主要内容包括：1. CylinderGeometry的参数说明（顶部/底部半径、高度、分段数等）；2. 完整代码实现，包含场景初始化、材质设置、光照添加和自动旋转动画；3. 通过OrbitControls实现交互控制；4. 响应式渲染和内存管理技巧。该示例适合作为3D建模基础，可用于创建更复杂的元器件模型。
2025-05-30 11:48:49
940
原创 vue+threeJs 绘制3D圆形
本文介绍了使用Vue+Three.js绘制圆形并实现3D效果的方法。通过THREE.ShapeGeometry和THREE.ExtrudeGeometry类，可以将2D圆形路径转化为3D几何体，并通过参数控制拉伸深度、倒角效果等。文章提供了完整的实例代码，包括场景设置、相机控制、灯光创建等核心功能，并展示了如何开启线框模式（wireframe）进行可视化调试。该技术适用于需要将2D图形转化为3D模型的场景开发，如游戏、可视化项目等。作者通过实践掌握了2D图形3D化的基本技巧，强调了持续学习的重要性。
2025-05-30 09:14:23
947
原创 vue+threeJs 生成云状特效屏幕
本文分享了一个基于Three.js的动态数字云状特效实现方案。通过Vue框架和Three.js库创建了一个具有动态效果的云状背景，详细展示了核心代码实现，包括场景设置、着色器编程（ShaderMaterial）以及动画渲染流程。文章重点说明了动态效果的关键参数iTime的运用，以及如何通过片段着色器调整像素颜色。最后提供了优化建议，如不需要相机控制器、合理释放内存等，并附上相关技术参考链接。该方案适用于需要动态视觉效果的前端项目开发。
2025-05-29 08:40:28
426
原创 vue+threeJs 根据屏幕调整gltf模型的大小、重心、并更换骑车整体颜色
本文介绍了使用Vue和Three.js实现GLTF模型动态调整的案例。主要内容包括：1）通过遍历场景对象实现车身颜色更换功能，预设了13种颜色选项；2）利用THREE.Box3计算模型边界框，根据屏幕高度自动调整模型缩放比例；3）通过OrbitControls实现模型视角控制，并演示了完整的代码实现。文章提供了完整的示例代码，包括模型加载、颜色设置、大小调整等功能，适合Three.js开发者参考学习。
2025-05-28 15:04:47
573
原创 vue+threeJs 创建多色几何体+加载obj模型+跳转ojb模型中心
本文介绍了使用Vue+Three.js实现多色几何体创建、OBJ模型加载及模型中心跳转的方法。主要内容包括：通过GridHelper创建辅助网格；使用OBJLoader加载模型，并通过Box3的getCenter方法获取模型中心位置，调整模型顶点位置使其居中；将模型添加至Group实现旋转效果。文中提供了完整的实例代码，包含场景初始化、灯光设置、模型加载和动画渲染等核心功能实现，并比较了OBJ与GLTF模型的差异。最后总结了关键点：模型中心位置调整方法、OBJLoader的加载管理及两种模型格式的处理区别。
2025-05-27 18:58:07
782
原创 vue+threeJs 设置模型默认的旋转角度
本文介绍了在Vue+Three.js中设置3D模型默认旋转角度的方法。主要内容包括：1) 使用Math.PI定义圆周率；2) 利用Quaternion四元数实现无万向锁的模型旋转；3) 提供了完整的实例代码，展示如何创建3D场景、设置相机参数、添加轨道控制器，并通过四元数设置模型默认旋转角度。文章还包含对three.js常用功能的封装建议，以及场景清理等开发注意事项。通过这个方法可以方便地控制3D模型的初始视角，适用于各种3D展示场景。
2025-05-27 15:54:46
548
原创 vue+ThreeJs 创造自动选择的甜甜圈（圆环）
本文介绍了使用Vue+Three.js创建3D自动旋转圆环的实现方法。通过TorusGeometry类定义圆环几何体，设置半径、管径等参数，并添加材质效果。项目实现了圆环自动缓慢旋转的视觉效果，包含完整的代码示例，从场景初始化、光源设置到渲染循环。文章还提醒注意内存释放等优化事项，适合前端开发者学习Three.js基础3D开发。技术要点包括：Three.js场景搭建、几何体创建、轨道控制器使用和动画渲染实现。
2025-05-26 13:51:43
383
原创 vue+ThreeJs 创建过渡圆圈效果
摘要：本文介绍了使用Vue和Three.js创建过渡圆圈效果的实现方法。重点讲解了着色器中distance、smoothstep和length等函数的作用，并通过实例代码演示了如何构建动态过渡效果。文章包含完整的Three.js场景搭建、着色器编写和动画渲染过程，最后提醒注意内存释放。适合前端开发者和Three.js初学者学习基本的着色器过渡效果实现。
2025-05-26 10:55:14
547
原创 vue+js 创造动态的光晕圈
本文介绍了如何使用Vue和Three.js创建动态光晕圈效果。主要内容包括：1. 着色器基础概念，如uniform变量iResolution(定义画布分辨率)和iTime(用于时间动画)；2. 通过Vue组件实现Three.js场景，包含相机设置、渲染器配置和着色器材质创建；3. 关键代码解析，展示了平面几何体(PlaneGeometry)和自定义着色器材质(ShaderMaterial)的实现，其中片段着色器实现了旋转光晕效果；4. 强调通过实践积累经验的学习方法，建议先完成项目再逐步深入理解。文章提供了
2025-05-25 16:38:36
482
原创 vue+threeJs 创造镂空管状
本文分享了使用Vue+Three.js创建镂空管状几何体的实践过程。作者通过CatmullRomCurve3算法定义曲线路径，结合TubeGeometry构建管状模型，并应用ShaderMaterial实现透明和颜色效果。文章包含完整代码示例，展示了如何设置网格参数、着色器编程以及动画渲染。作者总结了两点收获：1) 掌握管状几何体创建方法；2) 初步理解着色器的UV坐标和颜色控制。最后以"在练习中学习，在学习中复盘"的成长理念作结，鼓励持续实践。
2025-05-24 15:32:23
500
原创 vue+threeJS 创建镂空球体（SphereGeometry）
本文介绍了如何使用Vue和Three.js创建镂空球体。首先，通过ShaderMaterial编写着色器代码，定义顶点着色器和片段着色器，实现独特的视觉效果。接着，利用vUv传递模型的UV纹理坐标。实例代码展示了如何创建球体、设置材质、添加光照和动画效果。总结中提到，几何体可以更换为其他形状，着色器模块具有灵活性，且可以通过合并多个三角形模块提升页面美观度。最后，鼓励读者点赞和关注，并提供了相关参考链接。
2025-05-23 09:39:46
422
原创 vue+threeJs 创建千色三角形宇宙
小路分享了使用Vue和Three.js创建“千色三角形宇宙”的项目经验。首先，他强调了在Vue项目中切换页面时，需注意释放渲染内存，避免内存泄漏。其次，他提到将常用功能封装到commonThree.js中，如生成随机颜色、三角形和光点，以提高代码复用性。实例代码展示了如何创建100个随机颜色的三角形，并通过Three.js的渲染器、场景、相机和控制器实现动态效果。最后，小路总结了持续练习的重要性，并鼓励大家点赞和关注。参考文章提供了更多关于代码封装的细节。
2025-05-21 10:50:15
464
原创 vue+threeJs 在开发中将部分常用的代码模块封装
本文介绍了在Vue和Three.js开发中，如何将常用的代码模块进行封装，以提高代码的复用性和开发效率。具体包括三个封装示例：生成随机颜色、创建光源和生成三角形。通过将这些功能封装成独立的函数，开发者可以在不同项目中轻松调用，减少重复代码的编写。文章还强调了封装代码的重要性，它不仅提升了代码的可维护性，还能显著提高开发效率，是实现复杂系统模块化的关键手段。最后，作者鼓励读者在开发中多进行代码封装，并通过点赞和关注支持其内容。
2025-05-21 10:09:25
885
原创 vue+three.js 五彩烟花效果封装+加载字体
本文介绍了如何使用Vue和Three.js实现五彩烟花效果，并加载字体以创建节日庆典背景。首先，通过FontLoader和TextGeometry加载字体，并将其转换为JSON格式。接着，封装烟花类，允许动态改变颜色，并通过export default导出类，确保烟花能在屏幕上正确显示。文章还提供了实例代码，展示了如何创建3D场景、加载字体、生成随机位置的烟花，并更新烟花状态。最后，总结了实现过程，并预祝读者端午节快乐。
2025-05-20 16:28:58
540
原创 vue+threeJs 生成烟花效果
小路分享了使用Vue和Three.js生成烟花效果的项目经验。首先，他尝试通过AI生成代码，但发现生成的代码老旧、无法在本地运行且不符合需求，尽管注释清晰。接着，他转向GitHub和Gitee上的项目，学习Three.js的代码技巧，并习惯在Vue3中使用函数封装。在实例代码中，他展示了如何创建3D场景、相机、渲染器、光源以及烟花粒子类，并通过随机位置生成烟花效果。最后，他总结了学习过程中的经验，强调了以AI和代码为师的思路，并鼓励大家点赞和关注。
2025-05-20 11:32:40
739
原创 uniapp 微信小程序 获取openId
小路在本次分享中介绍了如何在uniapp微信小程序中获取用户的openId。主要使用了uni.login方法，通过微信登录获取用户的code，然后调用后端接口，结合appid和appscret，从微信服务器获取openId和access_token。文章还提供了前端代码示例，展示了如何实现这一过程，并提醒开发者根据自身框架在api中添加getOpenId方法。最后，小路鼓励读者点赞和关注，以获取更多技术分享。
2025-05-19 10:58:54
1346
原创 uniapp vue 开发微信小程序 分包梳理经验总结
在UniApp+Vue框架下开发微信小程序时，分包加载是优化项目性能的关键策略。本文总结了分包加载的几点经验：首先，主包大小应控制在1M左右，以预留空间加载大静态文件如echart.min.js，且这些文件需放置在static文件夹内。其次，预加载的分包总大小不应超过2M，以避免报错。最后，合理规划分包，特别是在功能复杂、资源丰富的项目中，如商城应用，确保主包与分包的协调加载。这些策略有助于提升小程序的启动速度和运行效率。
2025-05-19 09:19:52
1003
原创 vue+threeJS 大理石贴图
通过 Vue 3 和 Three.js 实现大理石纹理效果，并将这种技术应用于产品展示、虚拟展览、甚至是互动游戏之中，其潜力无穷。今天主要介绍基础的大理石贴图。
2025-05-12 16:23:07
456
原创 vue3+three 搭建平面上滚动旋转的几何体
在现代前端开发中，结合 Vue 3 的响应式能力和 Three.js 的强大 3D 渲染能力，可以轻松构建出令人惊叹的交互式三维场景。本文将带你一步步实现一个基础但极具视觉吸引力的效果 —— 在平面上滚动并自转的几何体。
2025-05-12 15:49:57
710
原创 vue3 threeJs Sprite模拟下雨、下雪
嗨，我是小路。今天主要和大家分享的主题是“threeJs Sprite模拟下雨、下雪”。在物联网3D可视化、数字孪生、游戏等项目开发过程中，可能会模拟天气的效果的需求。学会精灵图模拟下雨、下雪，也可以用在官网首页做背景图。
2025-04-30 17:10:52
497
原创 iphonex uniapp textarea标签兼容性处理过程梳理
在uniapp项目中，经常会使用到uniapp原生的textarea标签，但在手机兼容性这块，textarea并不是很好用，会出现一些兼容性问题，如点击输入框，整个页面开始闪烁，或者文字输入返回为undefinded。最终分析，发现textarea支持到iphone/6/7/8,但对iphonex/12/13的兼容性不理想，出现上面的问题。以后遇到兼容性问题，先关注兼容性的特征，可以出现兼容性问题的代码直接屏蔽；但遇到这个问题时，就要从兼容性的特征点去出发，去寻找问题，排查问题，这一点才是比较难了。
2025-04-25 11:41:15
475
原创 echart 雷达图搭建
通过以上步骤，可以轻松地使用 ECharts 搭建一个美观且实用的雷达图。如果你有更复杂的需求（如多组数据对比、动态交互等），可以根据实际情况进一步调整配置项。
2025-04-23 09:34:04
792
原创 threeJs+vue 加载gltf模型,显示进度条
在使用Three.js和Vue加载GLTF相关模型时，添加进度条可以显著提升用户体验，让用户知道模型加载的进展情况。
2025-03-03 14:33:17
880
原创 threeJs+vue 加载gltf模型、获取模型尺寸、播放模型动画
加载GLTF模型到基于Three.js和Vue的项目中是一个常见的需求，特别是在开发需要展示高质量3D内容的应用时。下面，我将提供一个详细的指南，帮助你了解如何在Vue项目中使用Three.js加载GLTF模型。
2025-02-28 14:16:54
1316
原创 threeJs+vue 轻松切换几何体贴图
通过Three.js动态切换几何体贴图，不仅能极大地提升您的3D项目的视觉吸引力，还能显著增加用户的互动性和满意度。
2025-02-26 15:31:50
799
原创 threeJs+vue 添加控制面板gui，修改几何体和页面的背景色
在现代Web开发中，创建引人入胜的交互式3D内容已成为提升用户体验的关键因素之一。而将Three.js与Vue结合使用，可以让你轻松构建出既美观又功能强大的3D应用程序。今天，我们将介绍如何通过添加一个直观的GUI控制面板来进一步增强你的Three.js项目，使用户能够实时调整几何体的颜色以及页面的背景色。
2025-02-26 09:09:47
1290
原创 threejs 安装教程
嗨，我是小路。今天主要和大家分享的主题是“threejs 安装教程”。在当今的数字化时代，用户对视觉体验的要求越来越高。传统的2D网页已经无法满足所有需求，而三维（3D）图形技术则为前端开发者提供了新的方向。Three.js 是一个强大的 JavaScript 库，专门用于创建和展示复杂的3D图形，并且可以直接在浏览器中运行。本文将为你详细介绍在项目开发过程中如何创建vue3项目，并在vue3结合Three.js进行3D网页的开发，帮助你快速入门并创建令人惊叹的3D网页应用。
2025-02-24 17:09:29
1634
原创 vue3 创建vue-router
嗨，我是小路。今天主要和大家分享的主题是“vue3 创建vue-router”。前面整理了一篇关于vue2创建vue-router，发现和当前使用的项目vue版本不一致，所以重新将vue-router的使用整理一遍。
2025-02-24 10:28:45
527
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人