游戏前段日常问题总结

1、iphonex移动端适配方案

const [style,setStyle]=useState({})

useeffect(()=>{ if( document.body.offsetHeight/document.body.offsetWidth<750(iphonex的宽)/实际页面的宽){ setStyle({transform:"scale(0.8)"}) } },[])

2、video 视频播放

导入视频的时候需要在typing里面进行引入declare module “*.avi”
video 视频播放有一个video.play的方法，设置这个属性就可以播放视频了

3、动态渲染class名字

styleName={handleGetClass(item.bac)}
const handleGetClass=useCallback((bac:any)=>{
if(bac==1){
retrun “class1”
}
})

4 、 git push 的时候需要用git push origin dev

5、tansform :transform3d(x,y,z)

6、 swiper 里面的navigation bar 可以自定义按钮的样式

7、组件《CSSTransition》

in ={show} 来控制组件的现实隐藏，timeout={控制时长300} unmountOnExit={true}//来控制组件 classNames="tip" xxx-enter: 进入（入场）前的CSS样式； xxx-enter-active:进入动画直到完成时之前的CSS样式; xxx-enter-done:进入完成时的CSS样式; xxx-exit:退出（出场）前的CSS样式; xxx-exit-active:退出动画知道完成时之前的的CSS样式。 xxx-exit-done:退出完成时的CSS样式。 原文链接：https://blog.csdn.net/weixin_43996061/article/details/93462573