- 博客(20)
- 收藏
- 关注
RSS订阅原创 threejs-Raycaster(射线拾取模型)屏幕坐标转标准设备坐标
标准设备坐标系的坐标值不是绝对值，是相对值，范围是[-1,1]区间，也是说canvas画布上任何一个位置的坐标，如果用标准设备坐标系去衡量，那么坐标的所有值都在-1到1之间。Three.js Canvas画布具有一个标准设备坐标系，该坐标系的坐标原点在canvas画布的中间位置，x轴水平向右，y轴竖直向上。表示鼠标单击位置的坐标，单位是像素px，以点击的HTML元素左上角为坐标原点，水平向右方向为x轴，竖直向下方向为y轴。1，刚好和canvas画布标准设备坐标的范围-1~1能够对应起来。
2023-05-26 15:14:40
395
1
原创 谷歌浏览器事件坑：Unable to preventDefault inside passive event listener invocation.
从 chrome56 开始，在 window、document 和 body 上注册的 touchstart 和 touchmove 事件处理函数，会默认为是 passive: true。插件是解决浏览器告警的，我不想浏览器有告警信息，但加上又使浏览器报错，怎么处呢？，它默认情况下启用某些事件的被动事件侦听器，基本上每次声明新的事件监听器时，都会自动设置。插件导致的，注释了在main.js引入的就没有报错了。1、注册处理函数时，用如下方式，明确声明为不是被动的。，图一时畅快，现在出现问题了。
2023-03-24 11:00:07
691
1
原创 配置了环境变量打包后去掉console.log
里配置的无效，如果需要判断打包使用不同环境的配置，可以使用。.env.development文件。.env.production 文件。vue.config.js 中配置。package.json文件。编译打包test的时候执行。.env.test 文件。注意：编译的时候一定要是。创建新的变量用来判断。创建config.js。
2023-03-22 19:24:56
518
原创 vue3 + ts:元素隐式具有 “any“ 类型，因为类型为 “string“ 的表达式不能用于索引类型...上找不到具有类型为 “string“ 的参数的索引签名
写ts比较少，在写代码的时候，对一个对象做了一个for…网上找了下，才明白原来key值的类型不是string，在javascript中是默认给你转好的，而在Typescript中则不是。在tsconfig.json中compilerOptions里面新增忽略的代码，如下所示，添加后则不会报错。在定义的Interface里对其进行声明。
2023-03-22 17:28:10
2428
原创 支付宝小程序内嵌H5——支付宝小程序webview里面h5跳回道支付宝小程序页面
小程序开发避免不了要和h5交互，怎么和h5互通信息呢？// 网页向小程序 postMessage 消息。(此链接仅支持在支付宝客户端内访问）；// 判断是否运行在小程序环境里。// 接收来自小程序的消息。1、h5页面手动引入。
2023-02-25 09:44:26
1964
原创 electron打包报错:Error:Application entry file“xx.asar“ does not exist. Seems like a wrong configuration.
错误：“xx/cacher/build/mac/banker.app/Contents/Resources/app.asar”中的应用程序条目文件“dist-electron/main/index.js”不存在。看起来是错误的配置。文件配置里“build” => "files"没有配置对应的需要打包的文件。
2023-01-29 18:10:16
2173
原创 npm安装或者卸载报错:npm ERR code ERESOLVE npm ERR ERESOLVE unable to resolve dependency tree...
npm ERR!npm ERR!npm ERR!这里是我在做vite + vue3项目，由于前端页面加载过慢，处理vite相关优化时安装相关插件提示的报错信息，在这里记录是方便遇到同样问题的小伙伴能快速解决问题。
2023-01-29 13:46:30
2355
2
原创 vue2和vue3中的v-model使用
今天重新翻看了vuejs文档，看到v-model的有关使用，想到vue2和vue3中有些不同，今天在这里整理下两个的使用。首先看到v-model，大多数小伙伴都会想到“响应式”、“双向绑定”，v-model 确实是实现了双向绑定数据，用过vue的人都比较熟悉。v-model 是 Vue 内置的指令,vue2和vue3中的v-model使用有点不太一样，那具体是哪里不一样呢？
2023-01-29 12:38:24
1493
原创 vue3 + electron mac编译打包报错：⨯ Exit code: ENOENT. spawn /usr/bin/Python ENOENT...
今天electron打包异常，网上找了很久，现在记录下问题。这个问题是因为：我的python 环境是 python3.9导致的。
2023-01-28 21:13:27
2520
原创 什么是原码反码补码
计算机中的数据，都是以二进制补码的形式在运算，而补码则是通过反码和原码推算出来的。原码 -转为-> 补码：原码符号位不变，按位取反，然后再+1，最终得到补码。补码 -转为-> 原码：补码-1，然后符号位不变，按位取反，最终得到原码。负数的反码，是根据原码取反（0变1，1变0）得到的（符号位不变）将前后第一次出现的1之外的数据不变，内部的数据取反。3，得到的字节是以二进制的补码形式存在，转为原码。学习原码反码补码，搞懂进制是必须的，请阅读。负数的补码，是根据反码的末尾+1得到的。正数的原反补都是相同的。
2023-01-27 09:12:13
243
原创 位运算(&、|、^、~、＞＞、＜＜)
3，得到的数据是一个正数，虽然是补码，而正数的原反补码一致，则说明原码也是这样的数据。1，位运算符，是对二进制数据进行操作的，会将参与位运算的十进制数据先转位二进制。在学习位运算之前，要学会什么是进制和进制快速转换是前提，不然可能看不懂哟。位运算符指的是二进制位的运算，先将十进制数转成二进制后再进行运算。对一个数左移n位，其实是在快速求这个数乘以2的n次幂。对一个数右移n位，其实是在快速求这个数除以2的n次幂。4，直接将原码（补码）转换为十进制即可。2，将二进制进行&操作。
2023-01-27 09:03:41
95
原创 计算机中的进制(二进制，八进制，十进制，十六进制)
进制：指进位制，是人们规定的一种进位方式。表 示某一位置上的数，运算时是逢x进一位。比如：十进制逢十进一，二进制就是逢二进一，八进制就是逢八进一…常用进制：二进制，八进制，十进制，十六进制。
2023-01-26 22:22:07
5262
1
原创 浏览器告警提示:Added non-passive event listener to a scroll-blocking ‘touchstart‘ event. Consider markin...
超烦有没有，触发一次事件它就提示一次，洁癖的我今天就告诉你们怎么处理掉这个问题。
2023-01-24 20:09:46
5386
1
原创 解决cd: string not in pwd: Application
解决cd 进入有空格的目录报错问题：cd: string not in pwd:
2023-01-23 21:09:47
2749
原创 vue3 + electron TypeError: loaderContext.getOptions is not a function报错
ERROR Failed to compile with 1 errors 12:53:20 error in ./src/background.tsModule build failed (from ./node_modules/ts-lo
2023-01-23 20:27:17
563
原创 threejs引入glb格式模型展示
本文介绍threejs引入glb格式模型展示1.鼠标事件交互2.局部放大效果3.端口状态渲染4.点击鼠标改变端口状态
2022-09-28 15:54:45
3211
2
原创 vue echarts实现3D效果柱状图
在vue2项目里面，研究了哈，这里记录下eacharts 实现3D效果柱状图在main.js引入eachartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts<template> <scale-card title="月度故障业务平均恢复时长" iconname="el-icon-data-analysis"> <div class="chart-container">
2022-05-17 15:47:54
4082
6
原创 linux的基本操作命令
linux的基本操作命令1、cd命令功能说明：切换目录。举 例：却换到根目录 ：cd / 切换到上次目录： cd - 2、 ls命令功能说明：列出目录内容。举 例：列出/var目录的文件和目录的信息 ：ls –l /var； 最常用方式 ls –ltr 3、 cat命令功能说明：查看小文件内容。举 例：查看test.txt 文件内容 ：cat test.txt 4、 chmod命令功能说明：修改文件或目录权限。举 例：修改 test.sh 为自己可执行：chmod u+
2022-05-15 17:55:35
124
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人