import React from 'react' import {useState} from 'react'; const ToDoList = () => { const [toDo,setToDo] = useState([]); const [inputValue,setInputValue] = useState(''); const handleChange = (e) => { setInputValue(e.target.value); } const handleSubmit...
Read More »TimeLine Layout
2 月, 2025
-
15 2 月
用React jsx创建一个时钟
下面我来教你如何使用 React.js 创建一个动态更新的时钟组件，并逐行解释代码原理。这个时钟会每秒自动更新，效果类似电子表。 完整代码 jsx 复制 import { useState, useEffect } from 'react'; function LiveClock() { // 1. 创建状态保存当前时间 const [time, setTime] = useState(new Date()); ...
Read More » -
13 2 月
JSX代码讲解
这段React代码主要实现了一个电影列表的展示和修改功能，下面分三部分详细解释： 状态初始化部分 jsx 复制 const [movies, setMovies] = useState([ {id:1, title: 'spider man', ratings:3}, {id:3, title: 'King Lion', ratings:9}, {id:5, title: 'Super Man', ratings:2}, {id:7, title: 'sp...
Read More » -
12 2 月
React的useState() 钩子详解
好的，我来一步一步为你解释 React 的 useState，尽量用最简单的语言和比喻来说明。 第一步：什么是状态（State）？ 想象你的组件是一个小机器人，它的外观会随着你的命令改变。这个机器人需要记住自己当前的样子（比如手里拿着什么、脸上是什么表情）。状态（State） 就是组件用来记住这些信息的...
Read More »
10 月, 2023
-
11 10 月
获取input的keyup或者input状态只获取一次值避免无限重复值
$(document).ready(function () { // Select the text input field var textInput = $("#textInput"); var delayTimer; // Attach an event handler to the input field for the "input" event textInput.on("input", function () { clearTimeout(delayTimer); delayTimer = setTim...
Read More » -
7 10 月
input file字段选择图片之后怎么实现预览（还未上传到服务器的情况下）
$("#txt_image").on('change',function(){ console.log('on change'); if (this.files && this.files[0] ) { const reader = new FileReader(); reader.onload = function(e){ $("#book-image-preview").attr('src',e.target.result); } reader.readAsDataUR...
Read More » -
7 10 月
js提交form数据的时候如果要包含file数据要用到FormData对象
通过创建一个FormData对象并将表单元素（包括文件输入）附加到该对象，您应该能够成功地将文件作为$_FILES数组的一部分发送到后端。 jQuery中的serialize（）方法不包括文件输入，因为出于安全和技术考虑，文件上传需要特殊处理。文件输入包含二进制数据（文件本身），这些数据不能以与文本字段或其他表单元素相同的...
Read More »
8 月, 2023
-
1 8 月
JS系统教程三-type conversion
如何将数据转换成不同类型 const name = 'Jony'; const age = 30; const person = { name:'brad', age:55 } let amount = 100; // change string to number ////////////////////////////// // amount = parseInt(amount); // // const num = 99.5; // amount = parseFloat(num); 会显示小数 ...
Read More » -
1 8 月
JS系统教程二-数据种类
了解内存里面的stack和heap , 数据形式村在stack的是是原始数据，存在数组，对象和函数里的，是参考数据。 stack和heap的概念 heap是stack的子层
Read More »
