一名相声界小学生-CSDN博客

原创 ‘class‘ does not exist in type ‘DetailedHTMLProps

用vite新建的vue3项目，class在ts校验时报错。这主要是因为jsx的问题，jsx中用的是classname（js中用className），所以class不存在HTMLDivElement元素上。IE8之前获取class属性值都是通过getAttribute(‘className’)，明显获取的是DOM对象的属性而不是HTML的属性，但是实际上想要获取的是HTML的属性。DOM 对象属性是通过className获取class属性的值, 而HTML 标签属性是通过class获取class属性的值。

2023-03-09 18:24:07 699 1

原创 antd 动态增减表单项的使用

我们说一下时间段交叉校验，validatorr: async (rule, value) =>{} 用于自定义校验规则，然后使用Promise去返回校验响应。rule中包含着当前字段field,其中包含着当前字段(时间选择器)的索引值，value是我们当前时间选择器中选中的时间。如下当检验函数返回true 我们会进行提示每个”购买时间段之间不可时间交叉“(这里用到Promise.reject)。中的所以时间段比较(但是不要和其自身比较)，所以收集一下当前选中的时间选择器的索引值。

2023-01-03 10:12:42 2096 2

原创 react-router-dom 6.x 版改动的坑

前言✋???? 先，说一下我为什么发这么一篇文章。一个月前刚用过react的路由插件。当时用了之后也没有什么报错。然后今天用，遇到了好多问题。后来才发现是更新了版本，好多用法都改变了。所以想写篇文章梳理一下，同时也让能看到这篇文章的 ???? ???? 们，少百度一些报错。我去npm官网看了下react-router-dom的发布版本，在最近一个月内一直在改动着。遇到的报错❌ 1.在使用 <Switch>时，报错如下：import logo from './logo.svg';i

2021-11-15 15:54:59 2633 2

原创中秋你吃月饼了吗？[淘宝月饼销量分析]

theme: channing-cyanhighlight: androidstudio我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛完整代码爬虫、前端、后端代码链接: https://pan.baidu.com/s/1mG0Q4LWJvsw9RUZdOx6H4g提取码: 5ve6爬取数据我们先分步讲解代码，在后面再上完整代码requests我认为，爬虫的过程就是模拟请求，然后从请求到的信息中提取出我们所需要的内容。python能实现请求的库有request、requests.

2021-11-02 15:29:12 222 2

原创 React DOM Diff算法

首先上一段代码class Time extends React.Component{ state = {date:new Date()} componentDidMount(){ setInterval(()=>{ this.setState({ date:new Date() }) },1000) } render(){ return(

2021-08-25 21:50:44 157

原创 React--14:生命周期旧版本

目录1. 挂载阶段2. 更新2.1 setState2.2 forceUpdate3. 销毁首先，我们通过一个例子来引出：计数器1. 挂载阶段constructor 构造器componentWillMount 将要挂载componentDidMount 挂载完毕render 渲染我们在每个生命周期的钩子中都打印一下，看他们的执行顺序。class Count extends React.Component { constructor(props) { conso

2021-08-22 11:08:00 201

原创 React--13:引出生命周期

例子：点击按钮，文字从0变为1，再从1变为0点击按钮，让组件消失给按钮加点击事件卸载组件 API：unmountComponentAtNodeclass Life extends React.Component{ // 挂载：mount // 卸载：unmount leave = ()=>{ // 卸载 ReactDOM.unmountComponentAtNode(document.getElementById('root'))

2021-08-18 17:56:54 84

原创 React--12:高阶函数

这里写目录标题1. 引入合并方法2. 高阶函数更改回调存入状态对象复习高阶函数函数的柯里化1. 引入首先上篇文章的代码class Login extends React.Component{ state ={ username:'', password:'' } handleSubmit = (event)=>{ event.preventDefault() // 阻止提交 const {username,p

2021-08-18 14:01:20 341

原创 React--11: refs与事件处理非受控组件和受控组件

目录1. 非受控组件2. 受控组件1. 非受控组件页面所有输入类的DOM，现用现取就是非受控组件。form 提交触发handleSubmit方法form中有两个输入项，用到回调函数ref ，并添加name属性handleSubmit方法阻止页面跳转，并弹出提交的用户名和密码class Login extends React.Component{ handleSubmit = (event)=>{ event.preventDefault() // 阻止提交

2021-08-17 14:57:20 1657

原创 React--10: 组件的三大核心属性3:refs与事件处理

目录1. 字符串形式的ref点击按钮获取输入框数据失去焦点提示数据总结2. 回调形似的ref回调执行次数问题关于回调 refs 的说明内联的写法class 的绑定函数的写法3. CreateRef1. 字符串形式的ref首先这种形式是不推荐使用的。过时 API：String 类型的 Refs：如果你之前使用过 React，你可能了解过之前的 API 中的 string 类型的 ref 属性，例如 "textInput"。你可以通过 this.refs.textInput 来访问 DOM 节点。我们不

2021-08-17 11:49:51 223

原创 React--7: 组件的三大核心属性1:state

目录1. 简单组件和复杂组件2. state2.1 创建组件2.2 添加构造器2.3 添加变量/属性2.4 改变state值 setState1. 简单组件和复杂组件简单组件：无 state复杂组件：状态 state那么什么是状态呢？#mermaid-svg-RmcbJBhPT67yj2fF .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;colo

2021-08-15 18:39:35 200

原创 React--6: 类组件

创建一个类class MyComponent {}那么现在可以说他跟React毫无关系。那么怎么让他和React有关系那？让他继承自React就好了class MyComponent extends React.Component{}构造器不需要写，官方也没写。render()必须写// 1.创建类组件class MyComponent extends React.Component{ render(){ return <h2>我是用类定义的

2021-08-11 09:48:19 146

原创 React--5: 类的相关复习

目录1. 创建一个类2. 给类传参数3. 一般方法4. 类的继承4.1 不写构造器4.2 什么时候需要构造器4.3 调父类方法4.4 重写父类方法5. 总结：1. 创建一个类<script> // 创建一个Person类 class Person{ } // 创建一个Person的实例对象 const p1 = new Person(); console.log(p1) </script>红色的

2021-08-10 15:36:56 113

原创 React--4: 函数式组件

目录1. 函数式组件1.1 创建函数式组件1.2 react dev tools1. 函数式组件1.1 创建函数式组件我们就先写个函数然后将它渲染到界面// 1.创建函数式组件function demo(){ return <h2>我是函数式组件，适用于简单的定义</h2>}// 渲染组件到界面ReactDOM.render(demo, document.getElementById('root'))界面是空白页，并且它报错说不是标签，那么我们给它改成组

2021-08-10 15:27:38 199

原创 React--3: 组件和模块

目录1. 模块2. 组件3. 模块化4. 组件化1. 模块向外提供特定功能的 js 程序，一般就是一个 js 文件。为什么要拆成模块：随着业务逻辑增加，代码越来越复杂。作用：复用 js ，简化 js 的编写，提高 js 的运行效率。模块全称：js模块，只是拆分 js2. 组件理解：所有实现头部功能的 html css js font img video等文件。为什么：因为一个页面的功能很复杂。作用：复用编码，简化项目编码，提高运行效率。3. 模块化当应用的 js 都以模块来编写的

2021-08-10 13:26:36 101

原创 React--2: jsx

目录1. jsx了解2. jsx语法规则3. jsx小练习1. jsx了解全称：JavaScript XMLreact定义的是一种类似于 XML 的 JS 扩展语法 JS + XML本质是 React.createElemet() 的一种语法糖???? 了解一下XML 早期用于存储和传输数据（结构比数据多）<Student> <name>Tom</name> <age>18</age></Student>

2021-08-10 11:33:07 111

原创 React--1：创建虚拟DOM的两种方式

目录1.js创建虚拟DOM2. jsx创建虚拟DOM问题：为什么React要推出 jsx ？js语法怎么创建虚拟DOM ？接下来我们分别用 js 和 jsx 创建一个span标签中包裹Hello React的小例子1.js创建虚拟DOM怎么创建DOM？document.createElement()怎么创建虚拟DOM？创建DOM需要document对象，那么要想创建虚拟DOM就得需要ReactReact.createElement()三个参数：（标签名,标签属性,标签内容）

2021-08-10 10:24:11 152

原创 Ant Design Umi 项目创建

目录1. 创建基础项目1.1 创建文件夹并进入1.2 创建项目1.3 运行1.4 使用ProLayout2. 创建ProLayout完整模版2.1 创建前准备1. 创建基础项目1.1 创建文件夹并进入mkdir myapp && cd myapp1.2 创建项目安装yarn请跳转yarn create @umijs/umi-app# 或 npx @umijs/create-umi-app npx是react在npm内置的创建完成1.3 运行首先需要更新一下依赖（

2021-08-06 14:42:16 1336

原创 Mac安装yarn

1.需要安装homebrew如果没有安装请跳转2.安装 nvmbrew install nvm3.安装yarn3.1可以通过 Homebrew 包管理工具安装 Yarn。如果你还未安装 Node.js，Homebrew 会自动为你安装。brew install yarn我安装的时候报错如下：3.2如果上面的安装方式不好用可以尝试一下下面的执行脚本安装curl -o- -L https://yarnpkg.com/install.sh | zsh如下即安装成功（有可能连接

2021-08-06 10:15:12 694

原创 React入门十：组件的生命周期

目录1. 生命周期概述2. 生命周期三个阶段2.1 创建时（挂载阶段）2.2 更新时2.2.1 有三种形式会更新render()2.2.2 componentDidUpdate()钩子1. 生命周期概述意义：组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件的错误原因。组件的生命周期：组件从创建到挂载到页面中运行，再到组件不用时卸载的过程。生命周期的每一个阶段都是伴随一些方法调用，这些方法就是生命周期的钩子函数。钩子函数的作用：为开发人员在不同阶段操作组件提供了时机。只有类

2021-08-02 22:56:48 194 3

原创 React入门九：props深入

目录1. children1.1 子节点的三种形式1.2 总结2. props校验2.1 为什么要校验2.2 校验的使用2.3 约束规则3. props的默认值1. childrenchildren属性：表示组件标签的子节点。当组件标签有子节点时，props就会有该属性。function Hello(props){ return( <div> {props.children} </div> )}<Hello>我是子节点</Hello

2021-07-27 09:12:37 194

原创 Mac 安装 homebrew

Homebrew 是什么Homebrew是 mac的包管理器，仅需执行相应的命令,就能下载安装需要的软件包，可以省掉自己去下载、解压、拖拽(安装)等繁琐的步骤。比如安装服务器 nginx，打开终端执行以下命令即可安装:方法一：brew官网的安装脚本执行命令：/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"这时很可能会出现一个问题: 要么下载极其龟速，

2021-07-25 14:15:37 231 1

原创 Mac下mysql Can ‘t connect to local MySQL server through socket ‘/tmp/mysql.sock ‘(2)

mysql用的好好的莫名其妙就报错了。根据报错搜了一下几篇博文https://blog.csdn.net/hjf161105/article/details/78850658大部分都说跟 mysql.sock这个文件有关系，说要创建这个文件或者修改这个文件。试了半天也不好使。索性就卸载了。对了，当时在系统偏好设置里 mysql也是无法启动的这是现在的截图，之前一直是Start MySQL Server并且一直无法启动说一下卸载mysql：在系统偏好设置里右键是删掉了，找不到mysql

2021-07-25 08:08:39 242

原创 Mac无法读取硬盘

问题描述：由于没有弹出移动硬盘，就拔出来了。导致再插入硬盘，电脑也无法识别了。步骤：1.查看一下硬盘信息画圈的就是我的硬盘。2.将这个硬盘挂载sudo diskutil mount /dev/disk2s1然后需要输入的就是你的密码（开机密码）可以看到，已经挂载成功了。...

2021-07-25 07:48:52 1876

原创 ES6 字符串新增方法

目录1. String.fromCodePoint()2. String.raw()2.1 String.raw ``2.2 String.raw(callSite, ...substitutions)2.3 String.raw()的代码实现3.实例方法：codePointAt()3.1 实例方法、静态方法、原型方法3.2 JavaScript字符存储格式3.3 用途4. 实例方法：normalize()4.1 不接收参数4.2 接收参数5. 实例方法：includes(), startsWith(),

2021-07-22 09:30:00 266

douban_web.rar

Navicat_Premium_15.0.29__TNT_.dmg

iTerm2-3_1_beta_2.zip

mysql-5.7.31-macos10.14-x86_64.dmg

空空如也