- 博客(39)
- 收藏
- 关注
RSS订阅原创 小白学webgl合集-三维数据源和格式
目前，主流的地图瓦片数据大多是二维的，三维效果通过渲染技术和样式设置实现。不过，像 3D Tiles 这样的格式专门用于三维数据，并且可以直接用于三维地图展示。使用这些三维数据源和工具，可以实现丰富的三维地图效果。
2024-07-13 01:03:11
319
原创 小白学webgl合集-import.meta.url 和 new URL() bug
这种方法与现代构建工具（如 Vite）和模块化标准（如 ESM）兼容，确保了在不同环境中的一致性。，你可以基于这个 URL 动态解析其他资源的路径。这样可以确保路径在模块化环境中始终被正确解析。通过这种方式，你可以在类中使用路径别名，而不必担心路径解析问题，使代码更简洁和易维护。： 动态解析路径可以避免在不同环境（如开发和生产）中路径问题。，可以利用这些别名来引用资源文件，而不必依赖相对路径。： 在开发和生产环境中，路径解析可能有所不同。可以确保在这两种环境中路径的一致性。
2024-07-12 01:06:14
2271
原创 小白学webgl合集-绘制有透视颜色不一样的立方体
用于生成一个视图矩阵，用于将场景从世界空间转换到观察者空间。它通常用于实现相机的视图转换，使得相机看向特定的方向。创建并返回一个透视投影矩阵，用于3D图形的透视投影。透视矩阵将视图空间中的坐标转换为裁剪空间中的坐标，使得更远的物体看起来更小。视图矩阵将世界空间中的坐标转换为视图空间中的坐标，表示相机的视点。结合透视矩阵和视觉矩阵进行绘制。设置透视矩阵和视觉矩阵。
2024-06-30 19:39:55
351
原创 小白学webgl合集-WebGL中给图片添加背景
编写顶点着色器（vertex shader）和片段着色器（fragment shader）。顶点着色器负责处理顶点数据，并将纹理坐标传递给片段着色器；片段着色器则使用纹理坐标来获取纹理颜色，并将其绘制到屏幕上。定义包含顶点位置和纹理坐标的顶点数据，以及用于绘制四边形的索引数据。顶点数据每个顶点包含5个元素（x, y, z, s, t），其中(x, y, z)是顶点位置，(s, t)是纹理坐标。]);
2024-06-29 13:47:01
428
原创 webgl合集-怎么设置多个顶点？
创建并编译顶点和片段着色器，创建着色器程序对象，将编译后的顶点和片段着色器附加到程序对象并链接。： 获取Canvas元素并获取其WebGL上下文。： 调用WebGL的绘图函数绘制点、线或三角形。
2024-06-26 22:37:33
206
原创 webgl合集-怎么初始化webgl通过initShader函数
这种方法将着色器编译和程序链接封装在一个函数中，使得初始化WebGL着色器变得简单和模块化。
2024-06-19 23:52:03
224
原创 小白学-WEBGL
着色器（Shader）是一种用于在图形处理器（GPU）上执行的小程序，专门用于图形渲染的计算。它们是现代图形API（如OpenGL、DirectX）和图形渲染管线的核心组件。着色器使得开发者能够对渲染过程中的顶点、像素（片段）、纹理等进行高度控制和自定义，从而产生各种视觉效果。顶点着色器（Vertex Shaders）：处理顶点数据，如位置、颜色、纹理坐标等。它运行在渲染流程的早期，负责将3D坐标转换为另一种3D坐标，同时进行一些顶点级别的处理。
2024-06-19 23:25:07
961
原创 【2024.01.04】转行小白-刷算法08
可恶每天都起的很晚，研究生还是研究死啊学习计划1.每天刷3道算法28找出字符串中第一个匹配项的下标2.刷面试题3.构建论文框架。
2024-01-05 12:22:51
819
原创 【2024.01.03】转行小白-刷css面试题01
的情况下，如果父元素内部只有浮动元素，父元素的高度可能会坍塌（即不反映子元素的高度），因为浮动元素不占据文档流的空间。absolute 元素:top:50% + margin-top 负值（必须要知道子元素的宽高）表示清除左右两侧的浮动，这样伪元素会被放置在浮动元素之后，确保父元素包含所有浮动的子元素。absolute 元素: transform(-50%，-50%)（不需要）作用：一块独立渲染区域，内部元素的渲染不会影响边界以外的元素。：它还可以防止后续的非浮动元素上移，插入到浮动元素的旁边。
2024-01-03 19:10:25
1380
1
原创 【12.30】转行小白历险记-刷算法06
数组（Array）：有序集合，可包含重复元素，通过数字索引访问元素。集合（Set）：无序集合，元素唯一，不包含重复元素，常用于去重和快速查找。映射（Map）：键值对集合，保持插入顺序，键唯一，适用于存储和处理相关联的数据。
2023-12-30 19:33:38
1146
原创 【12.29】转行小白历险记-刷算法05
这个函数通过计数每个字符的出现次数，来判断两个字符串是否互为字母异位词。由于只用了一个固定长度的数组，它在处理只包含小写字母的字符串时非常高效。
2023-12-29 23:51:11
1564
原创 【12.28】转行小白历险记-刷算法04
这个函数利用快慢指针技巧来定位并删除链表中倒数第n个节点。使用虚拟头节点简化了对头节点的特殊处理，使得算法能够统一处理所有情况。
2023-12-29 00:10:28
586
原创 【12.24】转行小白历险记-刷算法03
如果条件为真，循环体中的代码会被执行，然后再次检查条件；val 是当前节点的值，next 是指向下一个节点的指针/引用。2.使用虚拟节点删除链表中的元素主要是为了简化代码逻辑，特别是在处理头节点的增删操作时，可以避免对特殊情况的额外处理。是两种基本的控制结构，它们在编程中扮演不同的角色。1.链表的删除是让上一个几点指向下一个节点的头部，但是头部节点可以直接指向下一个节点的头部。2.目前的理解是，我们如果是需要添加或者删除节点，我们需要知道前一个节点是什么。块内的代码只会基于最初的条件检查被执行或跳过。
2023-12-24 21:40:43
408
原创 【12.23】转行小白历险记-算法02
不做花瓶第二天1.核心思路：确定循环的路线，左闭右开循环，思路简单，就是操作需要思考，需要注意的是如果是奇数的话，中间的数需要等于循环次数加1可恶太可恶了，一看就会一用就废是吧，二分是吧算术平方根科普，你们看到这里就知道看我这个博主的帖子真的是很小白了，我居然这东西都忘记了，高中老师对不起我觉得理解这道题，要对算数平方根的特点要了解1.哪些数的算数平方根是本身2.对于任何大于 1 的整数 x，其平方根不会大于 x / 23.所以这里就会有一个区间4，接着就是按照二分法的写法进行解析。
2023-12-24 02:14:54
489
原创 转行小白历险记-2023.12.19 如何解决跨域问题
开发服务器:基于ES模块提供丰富的内建功能构建指令:使用Rollup 打包代码，提供预设配置。
2023-12-19 17:55:22
633
原创 【总结】转行小白历险记 Vue 3 组合式 API 的内置的实用函数和生命周期钩子
用途computed用于创建基于其他响应式数据的派生状态；watch用于执行响应数据变化的副作用。缓存computed具有缓存，只有当依赖变化时才重新计算；watch没有缓存，每次观察的响应式源变化时都会执行，watch监听的是数据的变化过程，而不是数据的最终状态。灵活性watch在处理复杂的逻辑和副作用时更加灵活。
2023-12-18 15:05:55
905
原创 【复盘】转行小白历险记 饿了么轮播图 OpSwipe 组件
基于函数：使用一系列的函数（如refreactivecomputedwatchsetup等）来创建和管理响应式状态和副作用。逻辑重用与组织：允许开发者更自然地将相关功能逻辑组合在一起，而不是分散在一个组件的不同选项中（如datamethodscomputed等）。更好的类型推断：与 TypeScript 的集成更加紧密，为复杂组件提供更好的类型推断支持。适用于大型项目：在大型项目或复杂组件中，使代码更易于维护和理解。setup() {// 响应 count 的变化});在OpSwipe。
2023-12-18 14:24:38
1156
原创 转行小白历险记-2023/12/16 基础组件-Swipe 轮播图组件开发
useParent 和 useChildren 使用 provide/inject 实现跨组件间通信getCurrentlnstance 获取组件实例useExpose实现暴露组件方法useTouch 实现 touch 事件封装useEventListener 实现事件监听onMountedOrActivated 封装生命周期
2023-12-17 17:02:42
911
1
原创 转行小白历险记-2023/12/16 滚动提示栏组件开发+倒计时组件
使用 requestAnimationFrame(或 setTimeout) 计时useCountDown 的设计性能优化:毫秒级/非毫秒级更新性能优化的关键在于根据需求选择合适的更新频率。毫秒级更新提供了更高的精确度和平滑度，适合动态和高精度的显示需求。非毫秒级更新则在不需要高频率更新时降低了性能消耗，提高了效率。通过这种方式，钩子能够根据具体的使用场景灵活地调整其性能和精确度类型定义和类型用于定义倒计时的数据结构和钩子的配置选项。时间单位常量。
2023-12-16 18:07:21
1039
1
原创 转行小白历险记-2023/12/10 代码复盘
search: 当用户按下回车键时触发。cancel: 当用户点击取消时触发。clear: 当清除搜索内容时触发。: 用于更新 v-model 绑定的值。inputClick: 当用户点击输入框时触发。emits事件是在<script>部分定义的，使用 Vue 3 的函数。这个函数定义了组件可以发出的自定义事件，并且可以与父组件进行通信。通过这种方式，您的组件可以在特定动作发生时通知父组件emits使用 SCSS 为搜索组件定义样式，包括外观和布局。:root。
2023-12-12 01:44:06
1135
原创 转行小白历险记-2023/11/26 饿了么搜索组件开发
如何设计一个组件使用defineEmits 定义组件的事件如何定义组件的 v-mode如何使用 CSS变量BEM命名规范
2023-11-27 16:57:31
1004
原创 小白历险记 2023/11/22
基于promise的网络请求库在服务器中，使用原生的node.js的http模块在客户端（浏览器）中，使用XMLHttpRequest。
2023-11-23 17:55:31
52
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人