2023年11月23日
启动vite和electron项目配置多个主进程
摘要： 推荐 concurrently 点击查看代码 "dev": "concurrently \"nodemon --exec electron . \" \"vite\"", 成熟的脚手架 日常开发可以使用 electron-vite (opens new window)或 electron-vite- 阅读全文
posted @ 2023-11-23 17:51 jialiangzai 阅读(161) 评论(0) 推荐(0)
vscode开发uniapp
摘要： VS Code 对 TS 类型支持友好，前端开发者主流的编辑器 HbuilderX 对 TS 类型支持暂不完善，期待官方完善 👀 工作区禁用 Vetur 插件(Vue2 插件和 Vue3 插件冲突) 工作区禁用 @builtin typescript 插件（禁用后自动开启 Vue3 的 TS 托管 阅读全文
posted @ 2023-11-23 11:53 jialiangzai 阅读(110) 评论(0) 推荐(0)
2023年11月22日
防止XSS（跨站脚本攻击）漏洞
摘要： 点击查看代码 - 输入验证和过滤：对于用户输入的数据，进行严格的验证和过滤。可以使用正则表达式或其他验证方式，确保输入的数据符合预期的格式和内容。同时，对于特殊字符进行转义处理，防止恶意代码的注入。 - 输出编码：在将用户输入的内容输出到页面上时，进行正确的编码处理。使用合适的编码函数将特殊字符进行 阅读全文
posted @ 2023-11-22 21:58 jialiangzai 阅读(107) 评论(0) 推荐(0)
uniapp底层跨端原理
摘要： uniapp底层跨端原理 - 代码编写：开发者使用Vue.js框架编写uniapp的代码，包括页面结构、样式和逻辑等。 - 编译过程：在编译过程中，uniapp会将Vue.js的代码转换为各个平台所需的代码。这一转换过程由uniapp的编译器完成。 - 平台特定代码生成：根据不同平台的特性和要求，u 阅读全文
posted @ 2023-11-22 21:49 jialiangzai 阅读(499) 评论(0) 推荐(0)
2023年11月18日
有趣的知识点threejs
摘要： 轨道控制器内部会取出摄像机初始位置坐变化 camera.position.z = 0.1 调整立方体沿着 z 轴做 -1 缩小（镜面翻转） cube.scale.set(1, 1, -1) 在什么条件下让标签触发鼠标交互事件 原生dom pointerEvents = ‘all’ 渲染器配置 non 阅读全文
posted @ 2023-11-18 19:37 jialiangzai 阅读(39) 评论(0) 推荐(0)
2023年11月10日
基于 three.js 加载器分别加载模型
摘要： 点击查看代码 /** * 参数：模型文件路径，成功回调函数 * * 基于 three.js 加载器分别加载模型 * * 全部加载后通过回调函数传出打印 */ import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader.js' imp 阅读全文
posted @ 2023-11-10 19:52 jialiangzai 阅读(191) 评论(0) 推荐(0)
着色器
摘要： 概念：attribute 用于向顶点着色器，传输几何图形待处理的各种属性，例如：顶点坐标，UV 坐标等等 注意：attribute 只能用于顶点着色器中，值在运行时会从几何图形属性中取值 点击查看代码 function createBasic() { // 目标：着色器变量 - attribute 阅读全文
posted @ 2023-11-10 19:05 jialiangzai 阅读(47) 评论(0) 推荐(0)
深入：图形学+数学
摘要： // 问题：只使用 vec4(position, 1.0) 设置顶点坐标出问题（世界坐标->设备坐标->屏幕坐标）显示太大 // 解决：转换过程中需要一些矩阵算法的参与 // 模型矩阵：用在位移，旋转，缩放时，本地坐标 -> 世界坐标 modelMatrix (内置变量) // 视图矩阵：世界坐标 阅读全文
posted @ 2023-11-10 17:54 jialiangzai 阅读(15) 评论(0) 推荐(0)
渲染管线
摘要： 1.应用阶段：CPU将决定递给GPU什么样的数据（例如：灯光、模型、物体，摄像机位置等等） 2.几何阶段：进行顶点数据和坐标数据进行处理 a.顶点着色器：对每个顶点进行计算处理 b.曲面细分着色器：详细计算更多顶点 c.几何着色器：对顶点进行增删改 几何阶段：进行顶点数据和坐标数据进行处理 d.投影 阅读全文
posted @ 2023-11-10 17:39 jialiangzai 阅读(20) 评论(0) 推荐(0)
threejs的坐标渲染和着色
摘要： 点击查看代码 function createBasic() { // 目标：了解顶点坐标绘制正方形 // 1. 准备 BufferGemotry 缓冲几何图形 // 2. 准备 32 位浮点数的数组，定义矩形的顶点位置 // 3. 准备 BufferAttribute 属性缓冲对象，保存几何图形的属 阅读全文
posted @ 2023-11-10 17:31 jialiangzai 阅读(79) 评论(0) 推荐(0)