草庐IT

TS-Threejs

全部标签

Uni-app + Vue3 + TS +Vite 创建项目

一、npx与npm区别npm都很熟,可是与npm如此相似的npx是干嘛的呢?我们为甚要介绍npx?由于uni-app官方提供创建命令使用的是npx,所以我们先来了解下npx是干什么的?它与npm的区别。npx是npm的高级版本,它从npmv5.2版本开始引入的,与npm绑定在一起,无需额外安装,具有更大的功能。npx是npmexec的别名,如果没有时,可以手动:npminstall-gnpx进行安装。区别:npm只能通过package.json里定义然后执行命令,npx可以直接执行node_module包中的命令。npx可以指定node、命令的版本,解决不同项目使用不同版本的命令问题。临时安装

Uni-app + Vue3 + TS +Vite 创建项目

一、npx与npm区别npm都很熟,可是与npm如此相似的npx是干嘛的呢?我们为甚要介绍npx?由于uni-app官方提供创建命令使用的是npx,所以我们先来了解下npx是干什么的?它与npm的区别。npx是npm的高级版本,它从npmv5.2版本开始引入的,与npm绑定在一起,无需额外安装,具有更大的功能。npx是npmexec的别名,如果没有时,可以手动:npminstall-gnpx进行安装。区别:npm只能通过package.json里定义然后执行命令,npx可以直接执行node_module包中的命令。npx可以指定node、命令的版本,解决不同项目使用不同版本的命令问题。临时安装

【实战】 项目起航:项目初始化与配置 —— React17+React Hook+TS4 最佳实践,仿 Jira 企业级项目(一)

文章目录一、项目起航:项目初始化与配置1.项目初始化——create-react-app2.格式化——Prettier3.提交规范——commitlint4.Mock——json-server学习内容来源:React+ReactHook+TS最佳实践-慕课网相对原教程,我在学习开始时(2023.03)采用的是当前最新版本:项版本react&react-dom^18.2.0react-router&react-router-dom^6.11.2antd^4.24.8@commitlint/cli&@commitlint/config-conventional^17.4.4eslint-confi

vue3框架Vite + vue Router + ts 登录后返回上一页或首页

项目(Vue3):Vite+vueRouter+ts需求描述:登录后跳转情况:①项目中有些页面是需要登录后才可以访问的,如果没有登录的情况下,访问该页面会自动跳转到登录页,完成登录操作后,需要再次返回到该页面②如果直接访问登录页,登录后跳转到首页页面访问限制:路由守卫访问页面时,进行限制,除了部分不需要登录就可以访问的页面,其他需要登录才可以访问的页面,未登录时访问时,跳转到登录页在main.ts文件中添加全局前置守卫:router.beforeEach1.找到“router”文件夹下的“index.ts”文件,在路由文件中配置路由信息,设置meta下的requiresAuth字段值,如果需要

vite+ts出现红色波浪线;找不到模块“vue-router

提示:找不到模块“vue-router”。你的意思是要将"moduleResolution"选项设置为"node",还是要将别名添加到"paths"选项中?ts(2792)解决方案一:查看官方文档:https://www.tslang.cn/docs/handbook/migrating-from-javascript.html获取声明文件如果你开始做转换到TypeScript导入,你可能会遇到Cannotfindmodule'foo'.这样的错误。问题出在没有声明文件来描述你的代码库。幸运的是这非常简单。如果TypeScript报怨像是没有lodash包,那你只需这样做npminstall-

ThreeJS 炫酷特效旋转多面体Web页 Demo 01《ThreeJS 炫酷特效制作》

本案例为一个threejs的特效网页,大小球体进行包裹,外球体为透明材质,但是进行了线框渲染,使其能够通过外球踢查看其内球体。注:案例参考源于互联网,在此做代码解释,侵删本案例除ThreeJS外不适用任何第三方框架,放心食用懒的同学可以直接下载代码,打赏作者一根精神食粮:https://download.csdn.net/download/A757291228/87871503这是inscode的代码,不过渲染有点问题,不过也可以看到大致效果:一、ThreeJS三要素在编写ThreeJS前,需要明白ThreeJS的三个要素,若对建模、游戏有过了解的同学在学习ThreeJS时对知识点理解会更容易

vue3+Ts - axios二次封装 / 接口管理

axios-npm官网:axios-npmaxios解决高并发:axios.all()和axios.spread()使用方法:importaxiosfrom"axios";constreq1=()=>{returnaxios.get("@/api/req1");};constreq2=()=>{returnaxios.get("@/api/req2");};axios.all([req1,req2]).then((res)=>{console.log(res);});1.安装axios:npminstallaxios-S2.安装qs,qs的作用是将提交的对象进行数据类型的转换npminstal

3D可视化集装箱货柜模型开发 --threejs

教程效果实现效果  集装箱模型箱子模型 中文文档:three.jsdocs1.安装并引入threejs创建安装threejs依赖包npminstallthreejs在需要用的的代码文件里面引入threejsimport*asTHREEfrom'three'exportdefault{name:'fba3d',components:{},provide(){return{details:this}},mounted(){this.render3d()},methods:{render3d(){//1.场景varscene=newTHREE.Scene()scene.background=newT

【TS】object类型

object是一个对象,在ts中定义对象类型的语法为:let变量名:object={}在object类型中,对象内部定义的值是不受类型约束的,只要是一个object类型即可,例如:letobj:object={name:'艺术概论',//字符串price:999//数字}console.log(obj);//{name:'艺术概论',price:999}object类型在函数中的使用//定义一个函数,参数是object类型,返回值也是object类型functiongetObj(obj:object):object{console.log(obj);return{name:'东方不败',age

【TS】object类型

object是一个对象,在ts中定义对象类型的语法为:let变量名:object={}在object类型中,对象内部定义的值是不受类型约束的,只要是一个object类型即可,例如:letobj:object={name:'艺术概论',//字符串price:999//数字}console.log(obj);//{name:'艺术概论',price:999}object类型在函数中的使用//定义一个函数,参数是object类型,返回值也是object类型functiongetObj(obj:object):object{console.log(obj);return{name:'东方不败',age