DustCorleone

分类

blog(7) Python(18) web(28) 前端学习(32) 学习笔记(5) 未归档(38) 算法(9) 题解(10)

/ 注册

TA的专栏 3篇文章 0人订阅

3篇文章 690人学习

全部文章（共147篇）

js生成随机数函数，倒计时函数

生成xxxx-xxxx-xxxx-xxxx形式的随机数 function randomString(n) { let chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz1234567890' let pwd = '' for (...

2021-09-11

0 531

react控制 input 框回车之后内容清空

state: IState = { items: [], data: '', //data是输入框的当前内容 } updateState = (e) => { this.setState({ data: e.target.value }) } //即时更新...

2021-09-11

0 828

React路由使用

NavLink 的使用： <NavLink to="/" className="nav-item" exact activeClassName="nav-active"> Main </NavLink> 路...

2021-09-11

0 363

CSS Modules

css-loader 提供了一种叫做 CSS Modules 的方案，可以帮我们自动生成唯一的类名，不会和其他模块的命名出现冲突要使用 CSS Modules 有几个步骤，首先需要在 webpack 的配置文件中打开相关的配置 { test: /\.less$/, inclu...

2021-09-11

0 467

React router 的 Route 中 component 和 render 属性理解

React router 的 Route 中 component 和 render 属性理解 Route 标签的三个互斥属性 render、component、children Route 就是用来匹配路由的，并且对匹配到的路由就显示，所以会有可能两个以上的路由会匹配到，所以需要 Switc...

2021-09-11

0 797

新建一个create-react-app脚手架的项目

新建一个文件夹,按住shift并右键,在此处powershell npx create-react-app xxx --template typescript其中xxx是文件夹名称等待,文件夹中出现名称为xxx的文件夹,用vscode打开xxx 在powershell里npm i 在pow...

2021-09-11

0 369

要在 create-react-app 脚手架里使用 less 的方法

要在 create-react-app 脚手架里使用 less 的方法: 在 powershell 里暴露脚手架配置 yarn eject 在暴露的 config 文件里面打开 webpack.config.js 文件,然后设置 less 66 行插入 less 更改: ...

2021-09-11

0 404

hook情况下,解决内联没有:hover的方案

大致思路: 定义一个变量,名为hover,通过该变量来判断该块是否处于被hover的状态 onMouseOver:鼠标移上来时 onMouseLeave:鼠标移走时 (就像一个Switch开关,实际上只能代替hover的作用,毕竟内联没有伪类) 解释:store.color是mobx定义的全局变量...

2021-09-11

0 395

moment的使用

引入 import moment from 'moment' 引入如果报错,就powershell里输入 yarn add moment 或者 npm i moment 使用格式: <span>{ moment(+new Date()).forma...

2021-09-11

0 375

感受hook里useEffect的执行顺序,hook倒计时

本文基于之前创建的react-app脚手架文件 App.tsx import React from 'react' function App() { const [count, setCount] = React.useState(5) console.log('1') ...

2021-09-11

0 773