DustCorleone

前端学习

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

/ 注册

全部文章 / 前端学习（共32篇）

css 知识总结

css引用的方式内联方式：直接在 HTML 标签中的 style 属性中添加 CSS。嵌入方式：在 HTML 头部中的 <style> 标签下书写 CSS 代码。链接方式：使用 HTML 头部的 <head> 标签引入外部的 CSS 文件。选择器 ...

2021-09-11

0 417

js赋值计算

赋值计算 ||：首先在对于 a || b，大家都知道判断标准是只有当 a 为 false 且 b 为 false 时,整个语句为假，否则为真。因此，在 c = a ||b 中，只有当 a 为 false 时才会考虑 b 的值，即：当 a 不为 false 时，等同于 c = a;...

2021-09-11

0 434

时间和邮箱的正则表达式，获取当前时间函数

正则表达式可以用于验证验证 email： const regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ 验证时间格式：yyyy-mm-dd hh:mm:ss const regTime = /^(\d{4...

2021-09-11

0 461

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

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

2021-09-11

0 536

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

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

2021-09-11

0 835

React路由使用

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

2021-09-11

0 367

CSS Modules

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

2021-09-11

0 471

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

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

2021-09-11

0 807

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

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

2021-09-11

0 370

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

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

2021-09-11

0 409