weixin_42582523的博客

实现一个简单的贪吃蛇小游戏

【React+TS】从零开始搭建react+router+redux+less+sass+axios反向代理+antd，如有问题，请及时留言，看到后会及时解答的

【React+TS】从零开始搭建react+typescript+router+redux+less+px2rem自适应+sass+axios反向代理+别名@+antd-mobil，如有问题，请及时留言，看到后会及时解答的本次修改原因：提供两种方式px2rem和pxToVw配置自适应，删减重复步骤

import React, { Component } from "react";import "./search.scss";interface Props {}interface state { searchList: Array<string>; newTestList: Array<string>;}export default class SearchHistory extends Component<Props, state> { .

react+ts实现双滑块移动效果，使用了事件委派写法，比前一种分元素的写法和布局大不相同，结构也简单，性能更好

import React, { Component } from "react";import "./block.scss";interface Props {}interface state { left1: number; left2: number; maxWidth: number;}class BlockDrog extends Component<Props, state> { slideButton1: any = React.createRef().

本文主要使用了以下方法来实现此功能（1）. [react方式]利用定时器requestAnimationFrame来实现（2）. [react方式]利用html自带的方法scrollTo来实现（3）. [react方式]方法1和方法2的结合版（4）. [react+ts]利用定时器requestAnimationFrame和运动来实现（5）.[react+ts]利用定时器setInterval来实现

tsx:import { Component } from "react";import './drog.sass'interface Props{}interface state{ X:number Y:number}class Drog extends Component<Props,state>{ x:number=0 y:number=0 disX:number=0 disY:number=0 constructor(props:Prop