- 博客(89)
- 收藏
- 关注
RSS订阅原创 three.js基础
let scene, camera, renderer // 场景，摄像机，渲染器let controls // 轨道控制器 作用:调整轨道控制器属性，影响摄像机细节let cube // 物体对象。
2024-01-11 09:52:35
1357
原创 vue3 组件内判断是从哪个页面过来的
setup中只有onBeforeRouteLeave、onBeforeRouteUpdate两个钩子函数，没有beforeRouteEnter对应的钩子函数，所以无法在setup中直接使用。
2024-01-10 11:47:59
2218
原创 微信扫一扫，ios系统扫码失效解决
解决一：扫一扫的页面，是需要给接口传递当前页面地址生成签名的，ios系统不行，不能访问根路径/的地址，访问根路径，微信会用根路径签名，签名会过不去(必须用当前页面地址签名)，所以项目a页面跳转b页面（有扫一扫按钮的页面）时，最好是location.href的方式跳转到b页面。解决二：根据官网要求调用ready方法，在 config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后。调用微信扫一扫的 sdk时，安卓系统没有问题，苹果系统怎么点击都没反应。
2024-01-08 16:12:26
939
原创 uniapp中使用封装步骤条组件
附上代码：使用可直接复用：数据是写在了当前组件中，如有必须，可以使用其中的props传值stepInfos传递相应的数据，根据steps步数就可以控制走到哪一步啦。针对步骤条封装完终于清清楚楚啦。
2023-12-21 14:56:46
1080
原创 富文本内容图片点击实现多图预览
获取到富文本中所有的img标签，方面给图片添加类名方便后面取dom；利用数组的splice方法，将当前点击的图片放置数组的第一项。给每个img绑定点击事件。调用vant预览方法。
2023-12-12 15:26:42
370
原创 Three.js概念
three,js,一WebGL引擎（也叫库），基于javaScript,可直接运行GPU驱动游戏与图形驱动应用于浏览器。其库提供大量特性与API以绘制3D场景于浏览器。WebGL:Web图形库，一组浏览器的API,可以无需其他插件，独立渲染3D场景GPU:图形处理单元，计算机部件，负责在显示器上绘制显示图形。
2023-10-10 08:32:36
182
原创 解决vant组件 van-dialog造成的页面闪动问题
解决方案：该问题是因为van-dialog默认是scale，将这个属性改为fade即可。
2023-08-22 11:18:26
899
原创 echarts 柱状图-折线图-饼图的基础使用
一般来说，饼图数据要么内部展示要么外部展示，上面这个饼图表，外部有折现展示，内部有百分比展示，这里series配置两个数据对象才能达到这样的效果，详见配置。
2023-08-15 18:45:27
450
原创 WebSocket 的介绍及基本使用
（体验官方demo 建立连接时会产生cors跨域问题，需要在服务端的demo代码中开启cors,在index.js文件中加上cors:true）在这里，接收消息获取聊天的一些事件 也就是通讯规则，通讯规则需要参考约定的接口规则。在做客户端和服务端 通讯业务时，可以采用使用一种前后端即时通讯解决方案。基于原生的 websocket 完成服务端和客户端的通讯。关闭连接后会触发一个事件 disconnect。为什么需要websocket?socket.io 如何使用？如何使用客户端js库?
2023-06-26 12:02:39
894
原创 vant list列表组件分页场景使用 及 搜索框输入-请求数据-防抖处理
vant list列表组件分页场景使用 及 搜索框输入-请求数据-防抖处理
2023-05-25 11:57:23
2185
原创 vue3 的v-model语法糖
上面文章开始说了Vue3的v-model默认是解析成了：modelValue与@update:modelValue，下面说一下，如果你想修改这个默认的传值与事件的话，如何修改？在这，:modelValue="count" @update:modelValue="updateCount"就可以简写为v-model="count"子组件定义使用modelValue进行接收父组件传递过来的值，定义事件update:modelValue通知父组件改变一些事情。父组件patient -使用子组件。
2023-05-06 14:37:49
1505
1
原创 uniapp封装请求拦截和响应拦截的方法
在封装接口的api文件下的modules下的auth.js文件中，引入request文件并传入接口所需参数。把api下的module文件下的所有js文件在index.js文件中 引入并统一用变量Api接收进行导出。这里贴上完整的request.js请求响应拦截的代码。最后在main.js的入口文件中导入Api并全局挂载。建立resquest请求文件。
2023-03-24 14:46:31
10255
5
原创 TS---基础
ts安装 （查看版本号）：ts-node 安装（可直接运行ts文件）：npm i -g ts-node （ts-node (文件路径)src/tsutil/01-hello.ts）把当前ts环境变为模块化环境防止命名冲突 ：在当前文件中添加 export {} 即可，编译时可识别为模块化文件ts-node运行ts报错时 ：先运行 tsc --init命令，初始化一下文件。
2023-03-21 14:19:42
1319
转载 Vue3之script-setup全面解析
可能很多同学（包括我）刚上手 Vue 3.0 之后，都会觉得开发过程似乎变得更繁琐了，Vue 官方团队当然不会无视群众的呼声，如果你基于脚手架和 .vue 文件开发，那么可以享受到更高效率的开发体验。在阅读这篇文章之前，需要对 Vue 3.0 的单组件有一定的了解，如果还处于完全没有接触过的阶段，请先抽点时间阅读一章。WARNING本章节的部分方案属于实验性方案，或者是刚进入定稿阶段，所以在官网文档上还暂时看不到使用说明，期间可能还会有一些功能调整和 BUG 修复，请留意版本号说明。
2023-03-14 17:08:58
2563
原创 vue项目 配置px转vw单位适配
下载 px转vw单位的包 postcss-px-to-viewport。下载自动css管理浏览器前缀的插件 autoprefixer。
2023-03-11 11:26:28
584
原创 js-cookie的使用
js-cookie 的示例中只有以天为单位的有效期，按天数设置过期时间的话，直接在expires后设置天数日期即可，实际上我们还可以设置时间戳来应对更小的过期时间，如果过期时间小于一天的话，expires还可以设置毫秒数，比如设置10分钟，就先把10分钟换算成毫秒，在new Date()一下就可以可以获取到一个时间对象。new Date(new Date().getTime() + 720 * 60 * 1000) // 12个小时之后过期，这里获取到的就是距离当前时间的12个小时之后的时间。
2023-03-02 10:53:34
1058
原创 根据身份证年月日计算用户当前年龄
用户信息只能提添加18岁以下年龄段的，这里对用户输入的身份证号先做格式校验，格式校验正确后，根据身份证信息判断用户的年龄是否在18岁以下，满足条件在做表单提交操作。
2023-03-01 16:41:02
357
原创 订单支付倒计时处理
谷歌浏览器，IE浏览器都能够正常把日期parse掉，但是火狐就是特别点，查了资料才发现都支持这种格式月这“用于分析一个包含日期的字符串,并返回该日期与 1970 年 1 月 1 日午夜之间相差的毫秒数。倒计时计算的方法：创建下单时间 + 超时时间 - 当前时间，单位：毫秒。短日期可使用/日期分隔符，但是必须符合月/日/年的格式。业务场景，购买物品未支付会有订单支付倒计时的提示。创建下单时间和当前的时间均有接口返回,Date.parse()函数。快捷的替换方式，那就是直接“”，火狐会返回NaN。
2023-03-01 16:21:01
654
原创 数组迭代的几种方法
该方法接收四个参数（total总数（初始值/先前返回的值），value元素项，index元素索引，array数组本身）该方法接收三个参数（value元素项，index元素索引，array数组本身）该方法接收三个参数（value元素项，index元素索引，array数组本身）该方法接收三个参数（value元素项，index元素索引，array数组本身）该方法接收三个参数（value元素项，index元素索引，array数组本身）该方法接收三个参数（value元素项，index元素索引，array数组本身）
2023-02-08 16:25:33
446
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人