摘要: 本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置: 选择 [自定义] ,通过方向键上下 阅读全文
posted @ 2023-09-11 15:50 自在一方 阅读(127) 评论(0) 推荐(0) 编辑
摘要: ###为什么使用原型 下面通过一个构造函数来理解为什么使用原型 ```javascript function Person(name,age){ this.name = name; this.age = age this.commomAttr = ['eyes','leg','hair'] } le 阅读全文
posted @ 2023-08-22 11:32 自在一方 阅读(2) 评论(0) 推荐(0) 编辑
摘要: parcel工具搭建three.js开发环境 今天用parcel工具搭建了一个threejs开发环境,遇到了一点小坑,简单的做一个记录。 首先贴出正确的操作姿势 mkdir threeJsDemo cd threeJsdemo yarn init //一路回车 然后生成package.json文件, 阅读全文
posted @ 2023-03-23 15:38 自在一方 阅读(98) 评论(0) 推荐(0) 编辑
摘要: WebGL 坐标系 本节开始学习 3D 形体的绘制,与之前几个章节绘制点和面不同,3D 形体的顶点坐标需要包含深度信息 Z 轴 坐标。所以我们先了解一下 WebGL 坐标系 的概念。 WebGL 采用左手坐标系,X 轴向右为正,Y 轴向上为正,Z 轴沿着屏幕往里为正,如下图: 没错,WebGL 是遵 阅读全文
posted @ 2023-02-13 09:09 自在一方 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 之前章节我们学习了绘制单一和渐变颜色的三角形,但是在实际的建模中(游戏居多),模型表面往往都是丰富生动的图片。这就需要有一种机制,能够让我们把图片素材渲染到模型的一个或者多个表面上,这种机制叫做纹理贴图,本节我们学习如何使用 WebGL 进行纹理贴图。 什么是贴图和贴图的格式 之前章节的示例中,为图 阅读全文
posted @ 2023-01-30 10:18 自在一方 阅读(90) 评论(0) 推荐(0) 编辑
摘要: 哪些实际操作会导致回流与重绘 最“贵”的操作:改变 DOM 元素的几何属性 这个改变几乎可以说是“牵一发动全身”——当一个DOM元素的几何属性发生变化时,所有和它相关的节点(比如父子节点、兄弟节点等)的几何属性都需要进行重新计算,它会带来巨大的计算量。 常见的几何属性有 width、height、p 阅读全文
posted @ 2022-12-21 17:13 自在一方 阅读(85) 评论(0) 推荐(0) 编辑
摘要: 首先新建一个空项目,目录结构如下: 大家可以往 images 文件夹里塞入各种各样自己喜欢的图片。 我们在 index.html 中,为这些图片预置 img 标签: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met 阅读全文
posted @ 2022-12-15 11:53 自在一方 阅读(52) 评论(0) 推荐(0) 编辑
摘要: Vue 和 React 都实现了异步更新策略。虽然实现的方式不尽相同,但都达到了减少 DOM 操作、避免过度渲染的目的。通过研究框架的运行机制,其设计思路将深化我们对 DOM 优化的理解,其实现手法将拓宽我们对 DOM 实践的认知。本节我们将基于 Event Loop 机制,对 Vue 的异步更新策 阅读全文
posted @ 2022-12-13 15:03 自在一方 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 节流的理解和简单实现 所谓的“节流”,是通过在一段时间内无视后来产生的回调请求来实现的。只要一位客人叫了车,司机就会为他开启计时器,一定的时间内,后面需要乘车的客人都得排队上这一辆车,谁也无法叫到更多的车。 对应到实际的交互上是一样一样的:每当用户触发了一次 scroll 事件,我们就为这个触发操作 阅读全文
posted @ 2022-11-23 15:51 自在一方 阅读(30) 评论(0) 推荐(0) 编辑
摘要: DOM 为什么这么慢 因为收了“过路费” 把 DOM 和 JavaScript 各自想象成一个岛屿,它们之间用收费桥梁连接。——《高性能 JavaScript》 JS 是很快的,在 JS 中修改 DOM 对象也是很快的。在JS的世界里,一切是简单的、迅速的。但 DOM 操作并非 JS 一个人的独舞, 阅读全文
posted @ 2022-11-02 13:47 自在一方 阅读(73) 评论(0) 推荐(0) 编辑