- 博客(12)
- 收藏
- 关注
RSS订阅原创 vue2+three.js做出一个精美的3D地图——5.使用射线（Raycaster）和Canvas贴图来做一些交互
鼠标单击位置纵坐标//屏幕坐标转WebGL标准设备坐标//WebGL标准设备横坐标//WebGL标准设备纵坐标//创建一个射线投射器`Raycaster`//通过鼠标单击位置标准设备坐标和相机参数计算射线投射器`Raycaster`的射线属性.ray//返回.intersectObjects()参数中射线选中的网格模型对象// 未选中对象返回空数组[],选中一个数组1个元素，选中两个数组两个元素
2023-12-20 09:53:52
1357
3
原创 vue2+three.js做出一个精美的3D地图——4.在地图上添加模型或者精灵sprite
上一期我们已经把地图构建好了，现在我们给地图添加一些模型和精灵当前我们已经引入了模型和sprite，下期我们将使用射线，去做一些交互。
2023-10-23 14:17:41
1570
2
原创 绝对定位层级问题
一、普通情况下：位于代码顺序后面的元素层级更高二、增加z-index属性的情况下，z-index值越高层级越高三、在父元素设置元素定位(absolute/fixed/relative)情况下,父元素的z-index层级越高，里面的子元素层级也就越高,侧面证明靠爹的重要性<!-- 父元素黄色块 --><view style="position: fixed;background-color: burlywood;width: 100rpx;height: 100rpx;z-inde
2022-03-25 14:11:32
709
原创 微信小程序如何使用ecahrt 使用ecahrt踩坑收录
一、引入ecahrt图表组件已经有大牛把ecahrt图表组件做了出来,地址：git地址 把文件下载到本地，取出ec-canvas这个文件夹，放到你的小程序分包里然后在页面在json里按地址引入wxml：<view class="echart" > <ec-canvas ec="{{ ecLine }}"></ec-canvas></view>用父元素套住ec-canvs，给定图表宽高就好js：引入echarts图表import *
2022-03-17 16:59:26
1538
原创 微信小程序 用swiper实现一个滑动刻度尺（体重选择器）
效果图思路：利用微信swiper组件实现滑动效果，创建一个数组arr，先存启始数据进去，然后分别在前面存放起始数–的数据，后面添加起始数据++的数据，循环数组arr创建swiper-item，每一个swiper-item都是一个小刻度线，达到缓冲和选择数据的效果，滑动的时候开始监听不停改变起始值，思路成立开始实践。实践：打算直接做成一个复用的组件wxml：swiper属性：display-multiple-items：当前显示的swiper-item数current：当前滑动swiper-
2022-03-11 17:33:25
2363
9
原创 微信小程序路由跳转详情
1.路由跳转微信小程序的路由跳转 是通过两个栈堆实现的,这就导致了栈堆里最多储存十个页面,如果超过十个,会直接报错,所以要在必要的时候清空栈堆。wx.navigateTo:最常用的跳转,跳转到另一个页面，并把当前页面存在栈堆里,缺点是会有十个限制,优点是回退的时候非常顺滑,页面直接联系紧密或者非常繁杂的页面跳转的时候推荐使用。wx.switchTab:跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面,清空栈堆的方法之一,但局限性比较大。wx.reLaunch：关闭所有的页面,打开到
2022-03-11 15:49:51
1570
原创 H5 web 端vw适配以及rem适配在chrome下的坑
1.rem适配今天用qq浏览器打开项目，人傻掉了，界面全部乱了，因为我用的是rem的适配方法，就开始找问题，发现在设置少于12px的时候，会有偏大的现象，这点在Chrome上不太明显，但在运用chrome内核的qq浏览器上非常明显一个div宽高同样都是10rem 这是在qq浏览器的值：这是在火狐的值： 我的1rem小于12，可以看到了宽高明显在chrome下偏大了 多加了0.2倍。普通情况下把rem调整到12以上，这样可以解决问题 介于我运用了一些行内样式，改rem的大小非常麻烦 于是选用了vw适配方
2022-02-10 17:51:43
768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人