wpb1109
码龄3年
关注
提问 私信
  • 博客:4,075
    4,075
    总访问量
  • 9
    原创
  • 1,355,597
    排名
  • 4
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:陕西省
  • 加入CSDN时间: 2021-07-30
博客简介:

wpb1109的博客

查看详细资料
个人成就
  • 获得4次点赞
  • 内容获得0次评论
  • 获得3次收藏
创作历程
  • 9篇
    2021年
成就勋章
创作活动更多

如何做好一份技术文档?

无论你是技术大神还是初涉此领域的新手,都欢迎分享你的宝贵经验、独到见解与创新方法,为技术传播之路点亮明灯!

342人参与 去创作
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

React+TS实现两小球碰撞

TS代码import React, { Component, createRef } from 'react';import './index.less'interface Props {}interface State {}class Ball extends Component<Props, State> { startX: number = 0 parent?: HTMLDivElement child!: HTMLCollection;.
原创
发布博客 2021.12.13 ·
223 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

react+TS实现返回顶部

第一种js代码import { Component, createRef } from "react";import './scrolltop.css'interface Props {}interface State {}export default class ScrollTop extends Component<Props, State>{ ball = createRef<HTMLDivElement>(); time: num..
原创
发布博客 2021.12.10 ·
391 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

React路由 报错 ‘Switch‘ is not exported from ‘react-router‘.

配置 路由 报错 'Switch' is not exported from 'react-router'.npm uninstall react-router-domnpm install react-router-dom@5.2.0
原创
发布博客 2021.12.02 ·
755 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

JS数据转换 —— 树形结构和平铺结构的转换

正向-树形结构转平铺 // 正向-树形结构转平铺 // 从外到内依次递归,有 children 则继续递归function treeToArr(data, pid=null, res=[]) { data.forEach(item => { res.push({ pid: pid, id: item.id, name: item.name }); if(item.children && item.children.length !== 0) {
原创
发布博客 2021.09.16 ·
569 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

React+tsx实现选项卡功能

tsx代码import { Component } from "react";import './index.less'interface Props {}interface User { ID: string, text: string}interface Con { ID: string, text: string}interface State { ButtonIndex: number ButtonList: User[]
原创
发布博客 2021.09.16 ·
759 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue脚手架中实现二级联动

html代码<template> <div class="linkage"> <div class="linkage-button" ref="linkage-button"> <div class="linkage-button-list" ref="linkage-button-list"> <div :class=" index == ButtonListIn
原创
发布博客 2021.09.16 ·
149 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

创建react项目,并配置less,以及配置less报错的解决方式和修改源

1.修改源 查看源npm config get registry默认源npm config set registry https://registry.npmjs.org切换淘宝源npm config set registryhttps://registry.npm.taobao.org2.创建react项目npm install -g create-react-appcreate-react-app 项目名称3.在react中配置les...
原创
发布博客 2021.09.16 ·
309 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

React+tsx实现拖拽效果 (PC端+移动端)

tsx代码import './index.less'import { Component, createRef } from 'react'interface Props {}interface State {}class Drag extends Component<Props, State> { disX: number = 0; disY: number = 0; dragElement = createRef<HTMLDivElemen
原创
发布博客 2021.09.16 ·
530 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue 中 进度条小球

交叉<template> <div class="about"> <div class="line"></div> <div class="line active"></div> <div class="small-ball" @touchstart="FnStart"></div> <div class="small-ball ac" @touchstart="F
原创
发布博客 2021.08.23 ·
391 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏