- 博客(160)
- 收藏
- 关注
RSS订阅原创 vue+threeJs 生成烟花效果
小路分享了使用Vue和Three.js生成烟花效果的项目经验。首先，他尝试通过AI生成代码，但发现生成的代码老旧、无法在本地运行且不符合需求，尽管注释清晰。接着，他转向GitHub和Gitee上的项目，学习Three.js的代码技巧，并习惯在Vue3中使用函数封装。在实例代码中，他展示了如何创建3D场景、相机、渲染器、光源以及烟花粒子类，并通过随机位置生成烟花效果。最后，他总结了学习过程中的经验，强调了以AI和代码为师的思路，并鼓励大家点赞和关注。
2025-05-20 11:32:40
63
原创 uniapp 微信小程序 获取openId
小路在本次分享中介绍了如何在uniapp微信小程序中获取用户的openId。主要使用了uni.login方法，通过微信登录获取用户的code，然后调用后端接口，结合appid和appscret，从微信服务器获取openId和access_token。文章还提供了前端代码示例，展示了如何实现这一过程，并提醒开发者根据自身框架在api中添加getOpenId方法。最后，小路鼓励读者点赞和关注，以获取更多技术分享。
2025-05-19 10:58:54
189
原创 uniapp vue 开发微信小程序 分包梳理经验总结
在UniApp+Vue框架下开发微信小程序时，分包加载是优化项目性能的关键策略。本文总结了分包加载的几点经验：首先，主包大小应控制在1M左右，以预留空间加载大静态文件如echart.min.js，且这些文件需放置在static文件夹内。其次，预加载的分包总大小不应超过2M，以避免报错。最后，合理规划分包，特别是在功能复杂、资源丰富的项目中，如商城应用，确保主包与分包的协调加载。这些策略有助于提升小程序的启动速度和运行效率。
2025-05-19 09:19:52
277
原创 vue+threeJS 大理石贴图
通过 Vue 3 和 Three.js 实现大理石纹理效果，并将这种技术应用于产品展示、虚拟展览、甚至是互动游戏之中，其潜力无穷。今天主要介绍基础的大理石贴图。
2025-05-12 16:23:07
376
原创 vue3+three 搭建平面上滚动旋转的几何体
在现代前端开发中，结合 Vue 3 的响应式能力和 Three.js 的强大 3D 渲染能力，可以轻松构建出令人惊叹的交互式三维场景。本文将带你一步步实现一个基础但极具视觉吸引力的效果 —— 在平面上滚动并自转的几何体。
2025-05-12 15:49:57
618
原创 vue3 threeJs Sprite模拟下雨、下雪
嗨，我是小路。今天主要和大家分享的主题是“threeJs Sprite模拟下雨、下雪”。在物联网3D可视化、数字孪生、游戏等项目开发过程中，可能会模拟天气的效果的需求。学会精灵图模拟下雨、下雪，也可以用在官网首页做背景图。
2025-04-30 17:10:52
317
原创 iphonex uniapp textarea标签兼容性处理过程梳理
在uniapp项目中，经常会使用到uniapp原生的textarea标签，但在手机兼容性这块，textarea并不是很好用，会出现一些兼容性问题，如点击输入框，整个页面开始闪烁，或者文字输入返回为undefinded。最终分析，发现textarea支持到iphone/6/7/8,但对iphonex/12/13的兼容性不理想，出现上面的问题。以后遇到兼容性问题，先关注兼容性的特征，可以出现兼容性问题的代码直接屏蔽；但遇到这个问题时，就要从兼容性的特征点去出发，去寻找问题，排查问题，这一点才是比较难了。
2025-04-25 11:41:15
331
原创 echart 雷达图搭建
通过以上步骤，可以轻松地使用 ECharts 搭建一个美观且实用的雷达图。如果你有更复杂的需求（如多组数据对比、动态交互等），可以根据实际情况进一步调整配置项。
2025-04-23 09:34:04
517
原创 threeJs+vue 加载gltf模型,显示进度条
在使用Three.js和Vue加载GLTF相关模型时，添加进度条可以显著提升用户体验，让用户知道模型加载的进展情况。
2025-03-03 14:33:17
545
原创 threeJs+vue 加载gltf模型、获取模型尺寸、播放模型动画
加载GLTF模型到基于Three.js和Vue的项目中是一个常见的需求，特别是在开发需要展示高质量3D内容的应用时。下面，我将提供一个详细的指南，帮助你了解如何在Vue项目中使用Three.js加载GLTF模型。
2025-02-28 14:16:54
854
原创 threeJs+vue 轻松切换几何体贴图
通过Three.js动态切换几何体贴图，不仅能极大地提升您的3D项目的视觉吸引力，还能显著增加用户的互动性和满意度。
2025-02-26 15:31:50
606
原创 threeJs+vue 添加控制面板gui，修改几何体和页面的背景色
在现代Web开发中，创建引人入胜的交互式3D内容已成为提升用户体验的关键因素之一。而将Three.js与Vue结合使用，可以让你轻松构建出既美观又功能强大的3D应用程序。今天，我们将介绍如何通过添加一个直观的GUI控制面板来进一步增强你的Three.js项目，使用户能够实时调整几何体的颜色以及页面的背景色。
2025-02-26 09:09:47
1079
原创 threejs 安装教程
嗨，我是小路。今天主要和大家分享的主题是“threejs 安装教程”。在当今的数字化时代，用户对视觉体验的要求越来越高。传统的2D网页已经无法满足所有需求，而三维（3D）图形技术则为前端开发者提供了新的方向。Three.js 是一个强大的 JavaScript 库，专门用于创建和展示复杂的3D图形，并且可以直接在浏览器中运行。本文将为你详细介绍在项目开发过程中如何创建vue3项目，并在vue3结合Three.js进行3D网页的开发，帮助你快速入门并创建令人惊叹的3D网页应用。
2025-02-24 17:09:29
1413
原创 vue3 创建vue-router
嗨，我是小路。今天主要和大家分享的主题是“vue3 创建vue-router”。前面整理了一篇关于vue2创建vue-router，发现和当前使用的项目vue版本不一致，所以重新将vue-router的使用整理一遍。
2025-02-24 10:28:45
450
2原创 软考高项之规划范围管理考点梳理
范围管理计划是项目管理计划的重要组成部分之一，描述将如何定义、制定、监督和确认项目范围。注意：范围管理计划可以是正式的，也可以是非正式的，可以是详细的，也可以是高度概括的。主要用于指导一下工作：1、制定项目范围说明书2、根据详细项目范围说明书创建wbs3、确定如何审批和维护范围基准4、正式验收已完成的项目可交付成果其中主要考的方式有几点：1、更改其中的定义，将正式验收改为确认；2、将根据详细范围说明书创建wbs改成该项详细需求说明书创建wbs,偷换概念。
2025-02-07 10:57:04
494
原创 聊聊前端发展方向之一的低代码平台
全平台的：宜搭自身有一套全平台的前端后端体系，可以直接使用，可以自动生成二维码，自动适配移动端，用起来很方便，就是数据的一些操作和统计需要另外的处理，不同的页面之间的数据之间交互，用起来比较复杂，但整体还是很好用的，同时还可以搭配钉钉，开发对应的移动端小程序，非常优秀，缺点就是优点贵。：有部分页面需要对数据进行筛选，这就需要使用宜搭本身的数据库低代码体系，直接将sql语句模块化成中文，根据中文拼接成对应的sql语句，然后再进行执行。主要有几种类型：涉及数据库相关的，涉及接口相关的，全平台的。
2025-01-25 08:48:40
266
原创 react面试题二
经常复习常见的前端面试题，主要有以下几个好处：1、巩固基础。很多面试题都会涉及到语言的特点，框架的性能以及浏览器的兼容性等基础知识，可以加深对html、css、js等基础知识的巩固。2、搭建前端体系。很多面试题不仅考基础，还要考一些理论知识，如项目中代码的规范，性能如何优化，git操作规范等等。如git提交时，可以将在开头加上fix,feat等标签字样，可以直观明了的说明提交代码的主要用途，有助于其他同事寻找代码，排查问题。3、积累经验。每次解决前端问题，都是成长，为未来升职加薪或者跳槽加薪打下
2025-01-24 11:37:43
1341
原创 在旧的项目中，如何进行功能优化
一般推荐临时方法，因为这种方法影响小，修改比较简单，而且测试人员没有提高其它的功能模块，所以可以暂时忽略其它模块，只改当前页面，不然自己做了很多的工作，而且任务又玩不成，工作量又大，还可能产生新的bug，吃力不讨好。前几天在对旧代码进行维护，发现前端页面的封装程度很高，如果需要对功能进行修复，就需要对组件进行修改，而这个组件在很多地方都用到了，而自己也不清楚到底哪些页面使用到了这个组件，怎么处理呢？这种修改会对整个项目造成影响，影响比较大，所以测试人员会增加很多的功能量，同时也给自己增加很大的工作量。
2025-01-21 09:38:41
151
原创 vue生成自己的自媒体图片
自己平时有些公众号，有用过一些AI去生成一些图片，也有去素材网站寻找一些文章，后来觉得这些没有自己想要的文字图片，就自己写了一个简单的网页，进行然后将标题填写到里面去，形成自己的想要的图片，简洁好用。
2025-01-14 17:05:48
239
原创 vue运用uniapp框架开发企业微信小程序中常用的一些基础方法
作为一名程序员，很多代码都是忘了再用，用了再忘。今天梳理下日常开发中常用到的一些基础的方法，以方便后期开发使用。加深记忆，提高开发效率。
2025-01-14 16:55:57
709
原创 vue3 面试题：vue3和vue2有什么区别？
vue3和vue2有什么区别？以下主要从性能、新特性、对typescript支持、this关键字、状态管理、周期函数的方面分析下vue3和vue2的区别。
2025-01-08 19:10:16
406
原创 网页的标准构成
是万维网联盟，将网页划分成三部分：html、css、js(ecmascript)，其中html是主体结构，css是外在表现，也是在html上的属性，js是行为事件。今天再次回顾以前很基础的知识，虽然平时用的很少，比如W3C,很早之前就一直知道W3C标准，但是什么是W3C呢？W3C的标准是什么呢？今天主要和大家分享的主题是“网页的标准构成”。vue/react打包之后，最后都会生成这三个文件，html、css、js。
2024-10-31 15:26:39
267
原创 了解日常开发中常用的浏览器
今天主要介绍常用为苹果手机、安卓手机、鸿蒙手机、微信、微信开发者工具自带的浏览器名称，了解了浏览器的类型，才能更好的进行兼容性处理。
2024-10-31 14:54:57
480
原创 git 代码提交规范
在项目开发中，很多项目都是使用git作为代码版本管理工具。作为团队协作，git提交规范，不仅有助于我们查找问题的原因，还有理解代码的操作，提高开发效率。
2024-09-27 10:07:54
500
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人