skrjs's Studio.

skrjs's Studio.

it's better to burn out than to fade away

Threejs 模型本地存储

Threejs 模型本地存储还是之前那个模型查看的问题,有个模型 50M,每次打开都需要从服务器上请求模型,速度太慢被老板吐槽了,所以考虑将模型存在本地,具体的方案呢,我选定了使用 IndexedDB 我的思路是这样的: 首先在 indexedDB 查找有没有这个模型的数据存在 如果存在就将这个数据查询出来,加载本地的模型 如果不存在就从服务器请求模型数据,然后存在本地 indexedDB 但是有两个问题: 从服务器请求到的模型怎么转换成 blob 存进 indexedDB threejs 的 gltfLoader 需要提供的是一个确切的 url 地址 开始解决问题: 首先解决怎么把...

Koa 常用中间件

Koa 常用中间件VSCode 中 nodejs 语法提示:@types/node安装代码:npm i @types/node -D get 或 post 请求参数解析:koa-bodyparser安装代码:npm i koa-bodyparser -S koa 路由:koa-router安装代码:npm i koa-router -S mySQL 连接:mysql安装代码:npm i mysql -S mongoDB 连接:mongodb | mongoose安装代码:npm i mongodb -S补充说明: mongodb 为 mongoDB 官方提供的 np...

Gsap 动画库使用笔记

Gsap 动画库使用笔记安装 Gsap1npm install gsap 创建动画例如,如果 html 元素创建动画,将 ‘.box’ 类的元素设置 1 秒时间水平移动 200px 的动画。可以这么编写: 123import gsap from 'gsap'gsap.to('.box', { x: 200 }) 在 three.js 中如果我们想要将物体,例如立方体移动设置 1 秒时间水平移动 200px 的动画。可以这么编写 12import gsap from 'gsap'gsap.to(cube.p...

React学习笔记

React 学习笔记安装 react 并初始化1、安装:npm install -g create-react-app2、创建 hello-react 目录并初始化:npx create-react-app hello-react注意: 目录名不允许有大写字母 初始化过程比较慢,大约需要 5-10 分钟 3、启动项目:cd hello-react、npm start默认将启动:http://localhost:3000 自定义组件基础知识1、自定义组件和入口文件,顶部都需要引入 “react:import React from ‘react’”; 2、自定义组件必须以大写字母开头、默...

Blender 基础教程

Blender 基础教程Blender 简介传统的专业 3D 建模软件有 3D Max、Maya、C4D 等,这些软件都非常强大,但都是收费软件。 而 Blender 则是免费开源的 3D 建模软件。 Windows 10 自带的 “画图 3D” 也是 3D 建模软件,但关键是它提供的建模功能过于简单,所以实际项目中肯定无法满足要求。 重功能复杂度来讲,他们大概的排序为: 第一梯队:3D Max、Maya 第二梯队:C4D、Blender 第 2 梯队的 C4D 和 Blender 属于轻量级的 3D 建模软件,但是依然足够满足我们日常的项目需求。 Blender 核心技...

PM2学习笔记

PM2 学习笔记安装 pm2全局安装代码1npm i -g pm2 我的服务器中 nodejs 安装目录为 /software/nodejs 安装过程中的代码: 1234567891011[root@VM_0_8_centos ~]# npm i -g pm2/software/nodejs/bin/pm2 -> /software/nodejs/lib/node_modules/pm2/bin/pm2/software/nodejs/bin/pm2-dev -> /software/nodejs/lib/node_modules/pm2/bin/p...
avatar
skrjs
witness me