做了一夜动画,就为让大家更好的理解Vue3的Composition Api

做了一夜动画,就为让大家更好的理解Vue3的Composition Api回顾Option Api在了解Composition Api之前,首先回顾下我们使用Option Api遇到的问题,我们在Vue2中常常会需要在特定的区域(data,methods,watch,computed...)编写负责相同功能的代码。Option Api的缺陷随着业务复杂度越来越高,代码量会不断的加大;由于相关业务的

- 阅读全文 -

Vue3.x和Vue2.x的不同之处

Vue3.x和Vue2.x的不同点1、main.js引入方式不一样// vue3 //code by www.joynop.com import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') // 没有全局的Vue// vue2.X //code by www.joynop.co

- 阅读全文 -

顶点颜色数据插值计算

通常几何体顶点位置坐标数据和几何体顶点颜色数据都是一一对应的,比如顶点1有一个顶点位置坐标数据,也有一个顶点颜色数据,顶点2同样也有一个顶点位置坐标数据,也有一个顶点颜色数据...每个顶点设置一种颜色代码更改为下面代码设置,你可以看到几何体的六个顶点分别渲染为几何体设置的顶点颜色数据。流量大佬请戳下方高清视频var geometry = new THREE.BufferGeometry(); //

- 阅读全文 -

JavaScript类型化数组

JavaScript 类型化数组讲解类型数组必然要联系到Javascript语言一直存在的普通数组, 普通数组的创建方式是使用运算符中括号[]或者Javascript语言内置的Array()构造函数。 类型数组的创建方式一般使用Int8Array等构造函数。为了降低Javascript语言的编程门槛,简化封装底层的计算机知识,在最初的Javascript语言中设计的Array数组, 可以支持任意数

- 阅读全文 -

ThreeJS场景相关方法

THREE.Scene.Add:用于向场景中添加对象THREE.Scene.Remove:用于移除场景中的对象THREE.Scene.childern:用于获取场景中给所有的对象列表THREE.Scene.getObjectByName:利用name属性,用于获取场景中特定对象这些方法是和场景相关的重要方法,通常情况下用这些方法就可以满足大部分需求,但是还有几个辅助方法可以被用到 functio

- 阅读全文 -

i++ 与 ++i 的主要区别

++i 与 i++ 都是很常用的我的vscode使用for的时候编辑器给出的模版for (let index = 0; index < array.length; index++) { const element = array[index]; }但是峰哥说 ++index 性能更好区别i++ 与 ++i 的主要区别有两个:i++ 返回原来的值,++i 返回加1后的值。i++ 不能

- 阅读全文 -

npm更换成淘宝镜像源以及cnpm

1.需求由来由于node安装插件是从国外服务器下载,受网络影响大,速度慢且可能出现异常。所以如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队(阿里巴巴旗下业务阿里云)干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。也就是说我们可以使用阿里布置在国内的服务器来进行node安装。2.使用方法

- 阅读全文 -

Google优化工具Timeline的使用(Chrome 57已经改为performance(性能模板))

前期学习基本一些前端知识搭一下页面但是现在越来越注重网页性能的优化。通过什么看网页导致了性能问题呢? 通过介绍并使用performance进行性能的调试。1.首先看看一看performance能够整理什么网页数据如图第一个模块(Control窗格)是点击开始录制,停止,clear。第二个模块(OverView窗格)右侧提示了FPS(帧频,流畅度),CPU的消耗,NET,HEAP(JavaScrip

- 阅读全文 -

一秒让你的服务器变为强大的代理服务器

快速安装如果你的VPS是 linux 64位的系统,那么只需要执行下面一句,就可以完成自动安装和配置.提示:所有操作需要root权限。curl -L https://raw.githubusercontent.com/snail007/proxy_admin_free/master/install_auto.sh | bash 安装完成,配置目录是/etc/gpa,更详细的使用方法请参考上面的手册

- 阅读全文 -