- 博客(17)
- 收藏
- 关注
RSS订阅原创 Vue项目中图片预览
摘要：本文介绍在Vue项目中实现图片预览功能的方法。首先通过npm安装viewerjs和v-viewer依赖，在main.js中全局注册。使用时在图片父级元素添加v-viewer指令，内部必须使用img标签展示图片。该方法简便易行，但需注意不能用于background-image设置的图片。
2025-12-03 14:07:14
119
原创 Vue添加全局Loading页
本文介绍了在Vue3项目中实现ant-design-vue的全局加载动画效果的方法。首先创建一个GlobalLoading组件，包含全屏遮罩和a-spin加载组件，并通过props控制显示状态。在main.js中全局注册该组件，并在App.vue中使用。其次通过vue-router的前置守卫(beforeEach)和后置守卫(afterEach)控制加载状态，其中afterEach设置了300ms最小显示时间避免闪烁。最终实现了路由切换时的全局加载效果，提升了用户体验。
2025-11-06 14:25:29
336
原创 了解Three.js中的OrbitControls
Three.js中的OrbitControls是一个相机控制器，用于实现对3D模型的交互式操作（旋转、缩放、拖动）。通过引入OrbitControls模块并实例化，传入相机和渲染器DOM元素即可创建控制器。需要注意的是，操作后需添加change事件监听来重新渲染场景，否则交互效果不会显示。该功能让静态3D模型变为可交互体验，大幅提升Web3D应用的可用性。
2025-10-30 17:20:33
189
原创 Vue项目中引入Three.js
摘要：本文介绍在Vue项目中集成Three.js的步骤：1）创建Vue项目并安装Three.js依赖；2）创建index.js文件编写Three.js场景代码，包括创建场景、几何体、材质、网格模型、相机和渲染器；3）在Vue入口文件中引入index.js；4）解释渲染原理，说明Three.js的DOM元素会被自动添加到页面中。该方法通过将Three.js完整渲染逻辑封装在独立文件中实现3D展示。
2025-10-30 11:18:35
291
原创 npx tailwindcss init -p 执行报错的解决方法
摘要：本文分享了解决tailwindcss初始化错误的方案。作者通过降级tailwindcss到3.4.17版本，成功解决了因tailwindcss与postcss版本不匹配导致的"npmerror could not determine executable to run"错误。文章还解析了相关依赖的作用：postcss是CSS解析工具，作为tailwindcss的基础；autoprefixer则是postcss插件，用于增强CSS的浏览器兼容性。
2025-10-24 17:44:36
524
原创 认识Three.js中构建几何体的几大要素
本文介绍了使用Three.js在页面中构建几何体的基本流程。首先需要创建场景(Scene)，然后通过BoxGeometry定义几何体形状，配合MeshBasicMaterial设置材质颜色。将几何体和材质组合成网格模型(Mesh)后，通过position设置物体位置并添加到场景中。接着创建相机(PerspectiveCamera)并配置视野角度、宽高比等参数，确定观察视角。最后通过WebGLRenderer渲染器将场景和相机内容渲染到页面，完成一个红色立方体的展示。整个过程涵盖了Three.js创建3D对象
2025-10-22 20:15:29
284
原创 五分钟了解并安装Three.js
Three.js是一个基于JavaScript的3D图形库，它简化了WebGL的复杂接口，让开发者能更轻松地在网页中创建3D场景。安装Three.js可通过GitHub下载最新版本，若下载速度慢可使用百度网盘提供的资源（提取码：rrks）。下载解压后，在HTML文件中通过script标签或ES6的import语法引入three.js/three.module.js文件即可使用。最后通过console.log验证是否成功引入。
2025-10-18 15:57:42
315
原创 高德API--路径巡航
本文介绍了使用高德地图API获取道路路径的方法：首先需注册Web服务Key；然后通过驾车路径规划API，传入起点和终点经纬坐标获取路径数据；最后解析返回的polyline数据得到路径点集。文章提供了示例代码，并特别提醒需要使用Web服务（Server）类型的Key，而非JSAPI类型的Key才能实现该功能。
2025-10-15 21:03:30
290
9原创 JS中数组的删除操作
arr.pop() // 执行该语句后，arr数组中的最后一个元素被删除。arr.shift() // 执行该语句后，arr数组中第一个元素被删除。arr.splice(从第几个元素开始，删除几个元素)例：删除从第二个元素开始，一共删除两个元素。但是，如果我们要删除的元素正好处在中间的位置要怎么办？使用splice方法！假定有数组：let arr = [1, 2, 3, 4]若第一个参数与数组中的下标相对应。
2023-03-31 15:13:13
229
原创 JS中数组的增加元素方法
上述语句执行成功后，将元素 4 从数组最后开始添加 数组arr内容变为。当然有从后端插入也有从前面插入的 那就是 unshift ,它的语法同push一致。结果为 4 返回的是修改过后的新数组的长度。例：let arr = [1, 2, 3]// 也添加多个元素。第二种方法：unshift。第一种方法：push()
2023-03-31 14:38:34
632
原创 JS中的常量
注：（若有纰漏，请指出，我会改）JS中的常量命名方法为： const 常量名 = 初始值。在成功正确定义好一个变量后，它将不允许再次被赋值。小技巧：后续不需要重新赋值的使用const。倘若没有初始值会发生以下情况。错误提示：缺少初始化值。
2023-03-30 16:04:28
179
原创 JS的命名规则
（2）满足前者的前提下，变量名开头字母必须是 字母 或 _ (下划线)，不可为数字开关。（1）在进行变量命名时，JS中的关键字（功能词）如：let、var是不能作为变量名的。（3）满足前者的前提下，变量名内不得含有特殊字符，如：#、？目前大多编程语言的命名规则大抵上是大差不差的，JS也不例外。$ 和 _ 是JS中唯一能够合法命名的符号，切记哦。JS变量命名有以下要求。
2023-03-30 15:16:21
454
原创 JavaScript的多选注释与单行注释
多行注释：/* 需要注释的内容 */ 又或者选中内容按 “shift + alt + a” 可以实现快捷多行注释。单行注释：注释行前添加 // 又或者在内容中按 “ctrl + /” 也可快捷实现。
2023-03-30 13:33:36
213
原创 JavaScript是什么？由什么组成？
JavaScript是一种运行在客户端（浏览器）上的编程语言。是基于对象的脚本语言。若按两部分来分是：ECMAJavaScript、WEB APIs。若按三部分来分是：ECAMJavaScript、DOM、BOM。
2023-03-30 13:09:36
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人