GSAP插件介绍

ScrollTrigger 一个可以将元素动画效果与浏览器滚动条关联起来的插件 引入依赖 <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script> 使用 gsap.registerPlugin(Scrol...

前端进阶

three.js添加gui参数调试工具

安装依赖npm install --save dat.gui 在vue中使用<template> <div id="canvas"></div> </template> <script> import dat from "dat.gui" // 创建gui调试面板 ...

前端进阶

three.js添加轨道控制器

引入import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; 添加轨道控制器const controls = new OrbitControls( camera, renderer.domElement ); 在动画函数中使用function animate( t...

前端进阶

three.js常见知识点

添加三维坐标const axesHelper = new THREE.AxesHelper(5) axesHelper.position.y = 1 scene.add(axesHelper) 修改背景颜色scene.background = new THREE.Color("#9aa7b1") 雾// 第一个参数是雾的颜色,第二个是雾的最小距离,第三个是雾的最大距离...

前端进阶

使用docker镜像nginx进行项目部署

准备阶段 准备任意一个项目,或者直接一个html文件 下载docker,自行前往官网进行下载 可以提前了解一下docker的数据卷挂载,可以将宿主机文件与docker容器中的文件进行一个同步,方便对nginx进行配置与日志查看 这篇教程不适合对docker完全不懂的人,不然你很难理解,甚至难以感受到docker进行项目部署的方便 我这里使用的是windows11操作系统进行演示,虽然doc...

全栈工程师

使用three.js创建一个最基础的3d场景

效果图 代码import * as THREE from 'three'; const width = document.documentElement.clientWidth const height = document.documentElement.clientHeight // 创建3d场景 const scene = new THREE.Scene() ...

前端进阶

Docker安装mysql

要达到的目的 实现mysql安装,并且能让外部进行连接 实现数据卷的挂载,让容器被删除时,数据不会丢失 解决无法插入中文数据,或者中文乱码 docker pull mysql 启动mysqldocker run -d -p 3306:3306 --privileged=true -v /root/mysql/log:/var/log/mysql -v /root/mysql/data:/...

全栈工程师

Dockerfile介绍

介绍类似一个构建镜像的清单,docker可以根据这个清单进行镜像的自动化构建 保留字1. FROM指定基础镜像,并且必须是第一条指令 FROM <image> FROM <image>:<tag> 2. MAINTAINER指定作者 MAINTAINER <name> 3. RUN在构建镜像时需要运行的命令 例如: RUN yum -y i...

全栈工程师

Docker常用命令

docker 基础命令 启动docker systemctl start docker 关闭docker systemctl stop docker 重启docker systemctl restart docker docker设置随服务启动而自启动 systemctl enable docker 查看docker 运行状态 systemctl status do...

全栈工程师

Centos7安装Docker

原文地址在:https://blog.csdn.net/qq_26400011/article/details/113856681 卸载系统上原有的Dockeryum remove docker \ > docker-client \ > docker-client-latest...

全栈工程师
1234510