上官靖宇

摘要： 轨道控制器（OrbitControls） Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。要使用这一功能，就像在/examples（示例）目录中的所有文件一样， 您必须在HTML中包含这个文件。 进口 OrbitControls 是一个附加组件，必须显式导入。 See I 阅读全文

摘要： 使用three.js创建第一个场景和物体 一.创建一个场景（Creating a scene） 1.场景（Scene） 场景能够让你在什么地方、摆放什么东西来交给three.js来渲染，这是你放置物体、灯光和摄像机的地方。 构造器 Scene() 创建一个新的场景对象。 文档地址：https://t 阅读全文

摘要： 搭建项目 我们要学习three，那么我们势必需要在本地搭建一个自己的项目。 首先我们需要在我们自己的电脑中安装node，创建一个node环境。这个自行从网上百度，这里就不再介绍了。（简单的一批，自行百度吧，如果不会，那么也不要学习three了） Parcel 这里我们使用Parcel来打包我们的项目 阅读全文

摘要： 要学习three.js首先我们要了解几个概念 什么是3d，什么是webgl，那么three.js又是什么。 下面我们来一一介绍。 首先什么是3d? 3D，全称为Three-Dimensional，即三维，是指在空间中具有三个维度（长度、宽度和高度）的概念。在现实世界中，我们所处的就是一个三维空间，物 阅读全文

摘要： 1. 深度相等比较 如果你想要比较两个数组的内容是否相同，包括数组中的嵌套数组或对象等元素，你可以使用深度相等比较方法，比如递归或使用第三方库： 递归方式： function arraysAreEqual(arr1, arr2) { if (arr1.length !== arr2.length) 阅读全文

摘要： 一个随鼠标点击移动的小球 <p>随便点击某处来移动球</p> <div id="foo" class="ball"></div> const f = document.getElementById("foo"); document.addEventListener( "click", (ev) => 阅读全文

摘要： css粘性页脚，固定一个页脚 方案一： <div class="wrapper"> <header class="page-header">This is the header</header> <article class="page-body"> <p>Main page content her 阅读全文

摘要： 使用g6（antdV-g6）实现简单的逻辑脑图 现在我们有一个需求：要求我们把相互关联的数据实现成脑图或者是树图； 1.需求分析 那么我们要实现这个功能，首先我们应该干什么？ 第一步当然是思考怎么能把我们的数据实现成脑图，既然我们要画脑图，那么我们必然会需要我们学过的canvas或者是svg。 那我 阅读全文

摘要： javascript(js)中数组常用的方法 1.push()：向数组末尾添加一个或多个元素，并返回新数组的长度。 const arr = [1, 2, 3]; arr.push(4); // [1, 2, 3, 4] 2.pop()：移除数组末尾的元素，并返回被移除的元素。 const arr = 阅读全文

摘要： js常用的正则表达式 1.匹配Email地址： const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/; 2.匹配URL： const urlRegex = /^(https?:\/\/)?([a-zA-Z0-9.- 阅读全文