![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端类
文章平均质量分 88
samlyx
算法初学者,前端兴趣家!
展开
-
vue3的基本使用(1)
如果你需要重新分配一个对象,则会失去响应式,可以使用。中的,若想要增加或者修改一个新功能,需要分别修改这些,维护和复用非常的麻烦。就是我们所展示的数据,所有我们如果需要修改这个数据,则需要通过调用变量的。的一个新配置项,值为一个函数,组件中的所有配置都在这个函数里边。可以借助一个插件简化该操作。控制台打印结果如下,这时候我们打印我们的数据,会发现被。主要涉及的是基本数据类型,同时也可以定义对象型数据。控制台打印如下:会发现被包裹的对象是一个。组件,随后将需要响应式处理的数据用。包裹的数据将会变成一个。原创 2024-03-06 15:24:54 · 1333 阅读 · 0 评论 -
JavaScript错误处理
在 JavaScript 函数中,我们可以使用 `try...catch` 语句来捕获可能出现的错误。我们也可以使用 `throw` 语句手动抛出错误。对于异步操作,我们可以使用 `Promise` 对象来处理错误。原创 2024-01-25 10:54:18 · 348 阅读 · 0 评论 -
Promise理解
对象的三种状态不受外界影响,状态改变只有两种情况:pending -> fulfilled(已处理) / rejected(已拒绝)。在以前的JavaScript代码中,多个异步操作嵌套过深,难以维护和理解,这就是所谓的回调地狱。,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。可以让异步操作按照顺序执行,并且可以链式调用,使得代码更加清晰和易于管理。是一个对象,它代表了一个异步操作的最终完成或者失败。还可以处理异步操作的成功和失败,使得错误处理更加方便。原创 2024-01-25 15:13:17 · 1068 阅读 · 0 评论 -
CSS浮动讲解
例如:将div2添加左浮动,就会发现div3变矮了,其实是div2脱离了标准流,div1,div3,div4还在标准流里,所以他们自上而下依次排列,div3向上移动占据了div2的位置,重新形成了一个标准流。同理,div2,div3浮动,不在属于标准流,div4会向上移动与div1重新形成一个标准流,由于设置的是右浮动,页面右边为头,所以从左往右来说 div2会排列在div3后面。从图中不难看出即使div1和div2宽度完全可以在一行内承载得下,但div2也不会排在div1后面,这就是标准流中的div。原创 2024-01-29 09:41:15 · 1067 阅读 · 0 评论 -
防抖和节流的实现
在没有使用防抖函数之前:当我们需要搜索某些物体信息时会导致浏览器压力很大,性能很低。"防抖函数"的作用就是等到用户停止输入的时候,才去执行函数,避免了多次执行造成的资源浪费原创 2024-03-02 09:39:41 · 590 阅读 · 0 评论 -
Three.js初学(3)
动画说白了就是一张张照片,连起来依次展示,这样就形成一个动画效果,只要帧率高,人的眼睛就感觉不到卡顿,是连续的视频效果。在调试场景渲染效果的时候,比如光照的强度,人大脑的CPU是没有能力通过光照参数算出来模型渲染效果的,一般来说你先大概给一个经验值,然后通过。默认每秒钟执行60次,但不一定能做到,要看代码的性能,对于部分高刷新率的电脑硬件设备,也是有可能超过60次的。在创建的交互界面之后,会默认显示所改变属性的名字,为了通过交互界面更好理解你改变的某个对象属性,可以通过。原创 2024-02-23 12:11:21 · 1346 阅读 · 1 评论 -
更高效的构建工具-vite
首先我们要认识什么时构建工具?企业级项目都具备什么功能呢?Typescript:如果遇到ts文件,我们需要使用tsc将typescript代码转化为js代码;React/Vue:如果使用前端框架需要安装,将我们的jsx文件/vue文件转换为render函数;less/sass/postcss/component-style:如果使用这些css预处理器,需要安装和等一系列编译工具;Babel-->可能有部分浏览器还不支持新语法,所有我们还需将es的新语法转换到旧版本浏览器可以识别的语法格式;原创 2024-02-22 18:37:13 · 2064 阅读 · 1 评论 -
Three.js初学(2)
这一章节的主要作用是加强自我对三维坐标空间的认识。光源种类名称环境光点光源PointLight聚光灯光源SpotLight平行光。原创 2024-02-21 15:43:58 · 1457 阅读 · 1 评论 -
不要再用简单的concole.log()打印输出了!
作为一名前端开发人员,在调试中使用最多的就是console命令,通过console命令可以在控制台打印一些信息,这些信息便于我们进行开发调试。原创 2024-02-20 09:49:09 · 441 阅读 · 0 评论 -
Three.js初学(1)
生活中相机拍照的照片是有大小的,对于threejs而言一样,需要定义相机在网页上输出的Canvas画布(照片)尺寸,大小可以根据需要定义,这里先随机定义一个尺寸。现在三维场景和相机已经准备好了,如果想要拍照只需要最后一步,那就是按下相机拍照的按钮,而渲染器就充当这个角色,如果完成“咔”这个拍照动作,就需要一个新的对象,也就是WebGL渲染器。构成一个四棱台3D空间,被称为视锥体,只有视锥体之内的物体,才会渲染出来,视锥体范围之外的物体不会显示在Canvas画布上。原创 2024-02-19 14:53:02 · 964 阅读 · 1 评论