- 博客(11)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Vue项目中通过props实现父组件向子组件传参
父组件页面中，在子组件的标签上需要绑定该属性msg，在子组件页面中就可以通过msg来访问到父组件的information属性。在data中定义需要传递到子组件的数据msg。二、子组件中通过props接受传输的msg。在js部分注册子组件。
2024-03-12 11:59:47
294
1
原创 Three.js动画实现：window.setInterval（），不采用tween库
通过window.setInterval创建动画，介绍三维轨迹创建。首先说明，想要制作精密、复杂的动画效果，还是tween库来专业制作动画效果更好。在tween中有动画衔接chain等函数，能让动画之间的过渡更加平滑，也能避免一些多动画之间的冲突问题。而setInterval方法制作的动画与tween相比还是有很多不足，但是对于较为简单、单一的动画效果，setInterval方法也是可行的。而制作多个动画时的冲突问题，也可以通过及时清除setInterval对象、设置动画标志等方法解决。...
2022-06-24 16:20:59
394
原创 微信小程序+vant 实现toast弹窗（解决路径报错问题）
微信小程序实现制作toast弹窗，利用vant组件库。vant官网路径出现报错：Error: module "pages/buyGood/path/to/@vant/weapp/dist/toast/toast.js" is not defined，修改导入路径以解决。
2022-06-11 22:54:23
2823
原创 html 点击按键跳转至百度/其他html页面(原生js)
本文提供了在html中，两种方式实现：跳转至另一html页面，或者跳转至百度等网页。
2022-05-27 20:26:26
24964
原创 微信小程序 PC端与手机端显示不一致之tabBar导航栏
在编写微信小程序项目时，一开始为了显示出页面样式，我在app.json中，tabBar导航栏的list中设置了三个数组，对应三个导航块。但是三个导航块list中的pagePath设置为同一页面pagePath "tabBar": { "color": "#0094ff", "selectedColor": "#ff9400", "backgroundColor": "white", "borderStyle": "black",
2022-05-25 13:48:20
2464
2
原创 three.js 加载obj+mtl模型
本文提供了three.js中 实现将obj+mtl模型加载到场景中 的方法。我们欲实现将桥模型加载到场景中，并对桥设置透明度：实现过程：分别导入three.js中的OBJLoader，MTLLoader，将mtl材质加载到obj模型上。加载时在函数体内编写代码，对材质的透明度属性进行设置。本mtl材质由多个子模型material.wire组成，故在设置时需要对多个子模型进行设置。transparent为是否使用透明度，opacity为透明度数值。当然，也可以仅对一个子模型进行设置，从
2022-05-22 00:47:59
4906
6
原创 three.js 加载glb格式、gltf格式模型
本文提供了在three.js中实现：将glb或gltf格式的模型加载并显示在页面中 的方法以下将提供两种情况下的加载步骤：一、原生JS中，加载模型：注意，欲通过import导入文件，需设置<script type="module">import {} from "./three/build/three.js";import { GLTFLoader } from "./three/examples/jsm/loaders/GLTFLoader.js";
2022-05-21 16:41:00
17947
15
原创 微信小程序 + vant组件van-card 图片解析不到
在使用vant组件制作微信小程序项目时，遇到了图片解析不到的问题。场景如下：在页面中，应用了vant组件库中的van-card,组件中将图片路径传给van-card中的thumb属性，即可在左侧位置显示出图片，目标效果如下：这时遇到了解析不到图片的问题。在card组件中，thumb中传递的图片路径并不是对于本页面的相对位置，而是/miniprogram_npm/@vant/weapp/card的相对位置，从组件目录中解析图片。随后，我在目录某个位置创建了myImage文件夹，并且通过
2022-05-21 16:00:29
2942
原创 微信小程序+vant组件 侧边导航栏切换显示
设计页面时希望效果：左侧侧边导航栏，右侧内容。点击左侧导航栏的不同块，右侧显示不同内容。采用了vant组件中侧边导航栏van-sidebar，van-sidebar子标签包括多个van-sidebar-item实现方法：van-sidebar中设置 bind:change="onChange"： <van-sidebar active-key="{{ activeKey }}" bind:change="onChange"> &l
2022-05-18 04:21:27
11494
3
Three.JS动画实现：window.setInterval（）
2022-06-24
大学生课堂展示：Three.js简介
2022-05-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人