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