自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 ThreeJs学习笔记--GUI(可视化三维改变场景)

执行gui.add方法可以快速的创建一个交互页面(可以理解为配置出一个交互选项)创建成功后会在gui交互dom上多出对应的选项。格式是.add(控制对象,对象具体属性,其它参数),这个其它参数是可选而且是可以多个或单个的。gui可以使用.addFolder()来创建一个分组,当页面上需要操作的物品或者环境过多的时候,可以使用分组来分类。设置步长,就是修改属性的数值间隔,可以看的出现在的数值只能修改100的倍数。通过操作右上角的部分,可以修改光照强度,可以看得到光照强度的变化。可以可视化的修改物体的位置。

2024-08-19 15:46:20 389

原创 ThreeJs学习笔记--常见几何体,材质,渲染器

/高100,上50,下100。setClearColor有两个属性,第一个是颜色,支持十六进制,RGBA,RGB。PlaneGeometry,CircleGeometry可以设置材质里的side属性,修改双面显示。不同的显示设备像素比不同,设置像素比可以避免渲染模糊。

2024-08-17 16:34:53 279

原创 ThreeJs学习笔记--坐标系,光源,相机控件

只是threejs中的物体并不是所有的都受光源限制,大致可以分为受光源限制的和不受光源限制的材质。color -(可选)一个表示颜色的 Color 的实例、字符串或数字,默认为一个白色(0xffffff)的 Color 对象。color -(可选)一个表示颜色的 Color 的实例、字符串或数字,默认为一个白色(0xffffff)的 Color 对象。color -(可选)一个表示颜色的 Color 的实例、字符串或数字,默认为一个白色(0xffffff)的 Color 对象。默认值为 0(无限远)。

2024-08-15 17:41:57 1217

原创 ThreeJs学习笔记--创建第一个案例

在现实生活里,我们看到一个场景是立体的,整个一个场景如果通过电脑模拟出来首先要知道这个场景都有什么组成。比如在一个场景里,我看到了一张桌子。所以桌子是在场景里的。然后在分析桌子,桌子是有形状和木头材质组成。所以形状和材质是桌子的属性。形状体又有大小的属性,材质有颜色等属性。在然后桌子是在场景的某个位置的,也就是桌子和场景是通过位置连接的。还有一个关键点,就是我看到这个物体这个视角,也是因为有观察点才能看到当前这个场景,才能有距离感等,所以一个场景里的一个重要点,就是视角。最后把这些模拟到虚拟场景里。

2024-08-14 14:15:07 513

原创 前端面试真题--来自面试遇到

跨域是违反了同源策略,一般就是当前网页域名,协议,端口与请求端的域名,协议,端口不一致造成的。类似不是一家人,不让进家门1,JSONP:JSONP是利用<script>标签不受同源策略限制的特性来实现解决跨域。但是只能用来获取get,不支持请求post。2,CORS:CORS是一种基于HTTP头部的机制,允许服务器在响应中设置访问控制的权限。通过在服务器端设置相应的响应头信息,允许其他域名的网页进行跨域请求。3,代理服务器:可以搭建一个代理服务器,将跨域请求转发到目标服务器。

2024-04-15 11:24:14 950 1

原创 前端面试题合集附答案(问题来源BOOS直聘)

监听属性适用于需要在数据变化时执行额外逻辑的场景,不常用于简单的计算数据。计算属性适用于基于已有数据计算新数据的场景,具有缓存机制,只有相关依赖发生改变时重新计算,用于简化模板逻辑和提高性能。防抖是延缓执行,适用于处理高频触发的事件,当事件停止一段时间后才执行操作。节流是降低触发频率,确保函数在一定时间间隔内会执行一次。// 需要登录权限if (!// 未登录,重定向到登录页面next({});} else {// 已登录,继续导航next();} else {

2024-03-18 17:56:22 1376 1

原创 前端面试--性能优化

浏览器针对页面的回流与重绘,进行了自身的优化——渲染队列 浏览器会将所有的回流、重绘的操作放在一个队列中,当队列中的操作到了一定的数量或者到了一定的时间间隔,浏览器就会对队列进行批处理。如果使用图片的懒加载就可以解决以上问题。当你访问一个使用了 CDN 的网站时,CDN 会根据你的地理位置,选择离你最近的服务器来提供网站的资源,而不是直接从网站的原始服务器上获取。类似地,在网页中,如果你只是改变了元素的颜色或字体样式,但没有改变它们的位置,浏览器就会进行重绘,更新元素的外观,而不需要重新计算它们的位置。

2024-03-15 14:27:35 901 1

原创 JavaScript进阶--Promise篇

Promise是 JavaScript 中用于处理异步操作的一种解决方案,它提供了更优雅、更强大的方式来管理异步操作,避免了传统的回调地狱(callback hell)问题。Promise是一个代表未来承诺的对象,可以是异步操作的结果或错误。以下是Promise。

2024-03-14 10:55:42 398 1

原创 JavaScript进阶篇--节流防抖

防抖的原理是,在事件触发后启动一个定时器,如果在指定的时间间隔内再次触发事件,则清除之前的定时器并重新启动计时器。节流的原理是,在事件触发时启动一个定时器,然后在指定的时间间隔内执行函数。如果在该时间间隔内再次触发事件,函数的执行就会被忽略,直到下一个时间间隔开始时再次执行。节流是事件被高频率出发,但是绑定的方法在一定时间范围内最多执行一次,但是如果这个持续时间超过多倍的规定时间的话,就会根据时间来执行若干次。当一个事件被触发时,防抖会延迟执行该事件处理函数,并在指定的时间间隔内只执行一次。

2024-01-31 13:24:45 334

原创 JavaScript进阶篇--装饰器

记录几个装饰器实例,装饰器的好处就是当需要多次执行一个耗时耗cup的方法,而这个方法给定的相同参数返回的结果相同时,可以通过将过去函数返回的结果缓存下来,下次同样的参数调用的时候不在执行该方法,节省cup占用。直接从缓存中取。

2024-01-31 10:43:01 225

原创 JavaScript基础--Date(时间)

获取一个时间我们使用构造器加Date来获取,直接使用new Date()是获取当前的时间。

2024-01-16 18:43:53 362 1

原创 JavaScript基础--解构赋值

解构赋值可以简单的将一个对象或者数组(任何可迭代的数据)拆开复制到一个或者多个变量上。语法的不同取决于等号右边的值的结构,结构出来的都是给某个变量赋值。实际开发中经常遇到一个对象里面套着数组,数组里又套着对象。解构赋值还支持嵌套解构(套娃)

2024-01-11 13:31:22 344

原创 vue实战篇记录--如何使用eacharts制作一个族谱

族谱

2024-01-11 13:26:27 980

原创 javaScript基础--Map and Set(映射和集合)

new Set(iterable) 创建一个 set,如果提供了一个 iterable 对象(通常是数组),将会从数组里面复制值到 set 中。setName.has(value)判断value是否存在,有返回true,没有返回false,类似对象的hasOwn。set是一个特殊的类型集合,值的集合,没有键。setName.add(value) 添加一个值,返回set本身,所以也可以使用链式方式使用。set.size 返回元素个数(但是set只保存不重复的,所以这个值是去重后的值)

2024-01-02 15:50:48 470 1

原创 JavaScript基础--对象篇

对象和数组一样是我们开发中非常非常常用的类型,确切的说其实数组也是属于对象的。只是数组的特殊性一般会单独拿来说。

2023-12-29 13:43:32 945 1

原创 JavaScript基础--数字篇

在js使用中有两种数字类型,一种是我们平时所知道的数字类型,1,2,3,45等,另一种是BigInt,因为在js使用中当数字超过16位就会失精,后面的全都是零。因此出现了BigInt这种类型来表示任意长度的整数。

2023-12-26 16:27:21 1014 1

原创 JavaScript基础--字符串篇

字符串是我们最常用也是用的最多的数据类型之一,通俗点说我们在js代码中看到单引号或者双引号包裹的就是字符串。很简单的数据类型,稍微多说一点字符串是保存在栈里的基础类型数据。

2023-12-25 18:05:33 787

原创 JavaScript基础--JSON篇

JSON使我们很常用也经常接触到的一种数据格式,它主要有两种方法。

2023-12-22 17:18:13 368

原创 JavaScript基础--数组篇

一群小猫放在一个名字叫arry的箱子里([]),在班级里有5只(length)小猫(‘小黑’,‘小黄’,‘小白’,‘小橘’,‘小别三’),他们的编号(index)分别是0,1,2,3,4。数组化就是arry=[‘小黑’,‘小黄’,‘小白’,‘小橘’,‘小别三’]。length就是5。let arry = [a,b,c,d,e] a的索引index值就是0,b是1,c是2,d是3,e是4。let catFamily = [‘小黑’,‘小黄’,‘小白’,‘小橘’,‘小别三’]//创建出一个非空数组。

2023-12-19 18:47:52 1045

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除