一、什么是Ajax Ajax的全称是Asynchronous JavaScript And XML（异步JavaScript和XML）我们可以理解为：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax，它可以帮助我们轻松实现网页与服务器之间的数据交互。 二、jQuery中的Ajax 在jQuery中，$.ajax()…

一、安装GSAP模块 npm install gsap 二、创建动画 例如，如果html元素创建动画，将 '.box' 类的元素设置1秒时间水平移动 200px 的动画。可以这么写 // 导入动画库 import gsap from "gsap"; gsap.to(".box", { x: 200 }) 在three.js中如果我们想要将物体，例如…

一、缩放 .scale : Vector3 物体的局部缩放。默认值是Vector3( 1, 1, 1 )。 Vector3（三维向量） 该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有顺序的、三个为一组的数字组合（标记为x、y和z）， 可被用来表示很多事物，例如：1. 一个位于三维空间中的点…

一、核心代码讲解 1. 修改物体的为位置，主要用到Mesh中的postition属性（继承自Object3D） .position : Vector3 表示对象局部位置的Vector3。默认值为(0, 0, 0)。 Vector3（三维向量） 该类表示的是一个三维向量（3D vector）。 一个三维向量表示的是一个有…

一、轨道控制器介绍 Orbit controls（轨道控制器）可以使得相机围绕目标进行轨道运动。 二、在项目中使用 1. 导入轨道控制器 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls' 2. 创建场景、相机和物体，并将相机和物体添加到场景中，创建渲染…

一、环境搭建 使用Vue Cli脚手架快速搭建一个基础环境，然后可以安装vue-router使其拥有路由功能，安装、配置过程不再赘述 二、官方文档 官网：threejs.org GitHub仓库：mrdoob/three.js 建议在本地搭建一个官方文档，这样方便阅读且速度快 搭建方法： 1. 进入GitHub仓库，选择dev分支，直接下载 2. …

一、打包项目 在vue.config.js中，插入publicPath字段： PublicPath Type: stringDefault: '/'默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，例如 https://www.my-app.com/。如果应用被部署在一个子路径上，你就需要用这个选…

一、安装打包分析插件 1. 在项目中输入一下代码，安装webpack-bundle-analyzer打包分析插件 # NPM npm install --save-dev webpack-bundle-analyzer # Yarn yarn add -D webpack-bundle-analyzer 2. 在vue.config.js（没有则创…

一、Vuex是什么 Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 二、安装 在项目根目录下执行命令： npm install vuex --save 修改main.js文件，导入Vuex，关键代码如下： import Vuex from 'vu…

一、axios是什么？ axios 是功能强大的网络请求库，基于promise的http库，可以发送get、post请求，也是Vue，React的出现促使axios轻量级库的出现。 二、在项目中安装axios库 打开项目目录，在终端中输入 npm install axios -S 之后等待安装完成即可 三、GET请求 请求模板 import axi…