- 博客(5)
- 收藏
- 关注
原创 Vue3.0 Vuex 点击++及修改文本 功能实现
vuex.vue 文件<template> <div> <button @click="actionsCount(3)">+</button> <div>{{getCount()}}</div> <input type="text" v-model="txt"> <button @click="actionsStr(txt)">修改&
2022-05-10 08:30:17
964
原创 React 类组件 + Ts 简易无缝轮播图
index.tsx文件import React, { Component, createRef } from 'react';import './index.less'class index extends Component { box = createRef<HTMLDivElement>() getbox = () => this.box.current as HTMLDivElement; disx: number = 0 x: numbe
2022-05-10 08:25:06
375
原创 React + TS + hooks 无缝轮播图移动端
index.tsx 文件import { useRef, useEffect } from 'react'import './index.less'export default function Swipers() { const dragBox = useRef<HTMLDivElement | null>(null); const getdragBox = () => dragBox.current as HTMLDivElement; l
2022-05-05 17:09:48
592
原创 TypeScript + react 选项卡 + 自动轮播
TypeScript:import { Component } from 'react';import './Tab2.less'interface iProps { }interface iState { sliderIndex: number}interface ibtnInfo { ID: string, txt: string}class index extends Component<iProps, iState> { timer?:
2022-03-22 21:36:31
349
原创 TypeScript + React 点击小块拖拽+本地存储记录位置
TypeScrip 代码块:import React, { Component, createRef } from 'react'import './TZ3.less'interface Props { }interface State { }interface olal { top: number, left: number}export default class index extends Component<Props, State> { dis
2022-03-22 21:25:37
174
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人