logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

使用react-three-fiber加载glb格式3D文件,并播放3D模型自带动画

一、react-three-fiber简介使用可重用、自包含的组件以声明方式构建您的场景,这些组件对状态做出反应、易于交互并且可以利用 React 的生态系统。没有任何限制,一切工作在three.js这里将无一例外地工作。 生态完善。二、安装npm install three @react-three/fiber三、基础语法1、创建场景import { Canvas } from '@react-

设置VSCode编辑器,编辑react的jsx语法自动补全

相信大家都有这样一个苦恼,在使用VSCode写react代码的时候,输入标签后按住table键不好使,没有出现我们想要的补全标签的效果,今天我就帮助大家解决这个问题。首先我们需要打开VSCode代码编辑器:点击左下角设置图标,选择设置之后,点击打开设置json之后在已有的设置基础上,新增如下代码:"emmet.includeLanguages"...

react路由拦截(路由守卫)

最近在做项目时候,遇到了返回时候如果用户没有保存表单,需要拦截路由跳转,并给出提示信息是否要退出。相信做过vue项目的小伙伴都对vue的路由守卫并不陌生,react中如何实现呢?

#react.js#javascript#前端
关于table设置宽度无效的解决方法

首先要知道table-layout属性值有哪些?| 值 |描述 ||—|---||automatic| 默认。列宽度由单元格内容设定。||fixed|列宽由表格宽度和列宽度设定。||inherit|规定应该从父元素继承 table-layout 属性的值。|当属性值为automatic时候,宽度通过设置样式不一定起作用的,它的宽度取决于单元格内容。当属性值为fixed时候,列...

vue3项目中如何使用less来写样式

首先安装vue3项目可以使用create-vite-app来初始化vue3项目npm install -g create-vite-app安装完成后使用如下命令初始化项目名为vite-demo项目create-vite-app vite-demo之后进入到项目中cd vite-demo执行yarn进行初始化,执行yarn dev启动项目yarnyarn dev此时项目已经启动,但是我们想用less

#less
forwardRef解决封装组件无法传递ref的问题

前言:有时候我们封装一个组件,组件中需要使用父级传进来ref属性,来做一些事情,然而,简单通过props.ref是无法获取传递过来的ref属性的,怎么办呢?组件中又使用hoc进行了包裹,这时候传递ref作为属性传值能传递过来吗?场景重现:import { useRef, useState } from "react";const MyInput = (props) => {console.l

react路由拦截(路由守卫)

最近在做项目时候,遇到了返回时候如果用户没有保存表单,需要拦截路由跳转,并给出提示信息是否要退出。相信做过vue项目的小伙伴都对vue的路由守卫并不陌生,react中如何实现呢?

#react.js#javascript#前端
到底了