自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除