摘要：
什么是迭代 类似于遍历 遍历：有多个数据组成的集合数据结构（map、set、array等其他类数组），需要从该结构中依次取出数据进行某种处理。 迭代：按照某种逻辑，依次取出下一个数据进行处理。 什么是迭代器 iterator JS语言规定，如果一个对象具有next方法，并且next方法满足一定的约束 阅读全文
posted @ 2025-05-23 14:03
飞奔的龟龟
阅读(291)
评论(0)
推荐(0)
摘要：
中间件（Middleware）是软件开发中一种常见的设计模式，其核心思想是在核心逻辑的执行过程中插入可扩展的附加功能模块。以下是中间件的核心概念和特点： 一、中间件的本质 中间件本质上是 "业务逻辑的增强层"，它像流水线上的加工环节，对输入的数据或事件进行预处理、拦截或后处理，但不改变核心 阅读全文
posted @ 2025-05-15 10:54
飞奔的龟龟
阅读(542)
评论(0)
推荐(0)
摘要：
getDerivedStateFromProps 是 React 生命周期中的一个静态方法，主要用于在组件接收到新的 props 时更新 state。这个方法在组件的初始渲染和后续的每次更新（即每次接收到新的 props 或 state）时都会被调用。 详解 静态方法：这意味着你不能在这个方法中使用 阅读全文
posted @ 2025-02-11 10:45
飞奔的龟龟
阅读(404)
评论(0)
推荐(0)
摘要：
一直以来有这么个疑问? class 的方法中没有自动的绑定this 为什么手动绑定之后，在绑定之后的方法里调用class中的其他的方法（这个方法为什么就能使用this，不也应该是null或者undefined或者window吗） 还是说这就是class的机制？ 于是带着这个疑问去寻找答案 在 Jav 阅读全文
posted @ 2025-01-17 14:24
飞奔的龟龟
阅读(405)
评论(2)
推荐(0)
摘要：
任务分解 一、绘制棋盘 二、绑定事件 1、先计算出需要绘制棋子的坐标 即将来绘制的棋子在哪个单元格内 2、绘制棋子 首先判断棋子是否存在 应该添加到哪个单元格内，分四种情况： 1.1 正常情况 1.2 最右侧 超出边界只能放在最后一个单元格内 1.3 左下侧 超出边界只能放在最后一个单元格内 1.4 阅读全文
posted @ 2024-10-24 16:27
飞奔的龟龟
阅读(123)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content 阅读全文
posted @ 2024-10-09 16:35
飞奔的龟龟
阅读(28)
评论(0)
推荐(0)
摘要：
普及知识：放大镜特效涉及到的几个值 offsetWidth 获取元素的宽度offsetHeight 获取元素的高度offsetLeft父元素没有定位时，获取元素距离页面的左边距，父元素有定位时，获取元素距离父元素的左边距offsetTop父元素没有定位时，获取元素距离页面的上边距，父元素有定位时，获 阅读全文
posted @ 2024-09-29 15:12
飞奔的龟龟
阅读(119)
评论(0)
推荐(0)
摘要：
如上图：模仿chatgpt 光标文字输出效果 技术要点 1、模仿chatgpt 打字输出效果 循环中使用异步等待 每隔一段时间输出一段文字 代码如下： async function autoAppend(){ function transfer(text){ let div = document.c 阅读全文
posted @ 2024-07-25 14:28
飞奔的龟龟
阅读(67)
评论(0)
推荐(0)
摘要：
function useObjectState(initObj) { //初始state只会在首次渲染时起到作用 //在后续的渲染中 useState 永远返回的是最新的值 传递给组件 //然后把相关的state组合成几个独立state变量时，组件就会更加的可读 const [obj, setObj 阅读全文
posted @ 2023-06-28 14:51
飞奔的龟龟
阅读(8)
评论(0)
推荐(0)
摘要：
import * as React from 'react' import * as ReactDOM from 'react-dom/client'; import {createPortal} from 'react-dom' const root = ReactDOM.createRoot(d 阅读全文
posted @ 2022-12-07 22:37
飞奔的龟龟
阅读(14)
评论(0)
推荐(0)
摘要：
传统上，开发人员在 JavaScript 类中为实例中可能需要的任何数据创建属性。对于在构造函数中随时可用的小块数据来说，这不是问题。但是，如果在实例中可用之前需要计算某些数据，您可能不想预先支付该费用。例如，考虑这个类： class MyClass { constructor() { this.d 阅读全文
posted @ 2021-06-18 17:48
飞奔的龟龟
阅读(342)
评论(0)
推荐(0)
摘要：
目录 引子 隐式丢失 硬绑定 实现及原理分析 总体实现(纯净版/没有注释) 写在最后 引子# 读完《你不知道的JavaScript--上卷》中关于this的介绍和深入的章节后,对于this的指向我用这篇文章简单总结了一下。接着我就想着能不能利用this的相关知识,模拟实现一下javascript中比 阅读全文
posted @ 2021-04-16 14:05
飞奔的龟龟
阅读(88)
评论(0)
推荐(0)
摘要：
前言 开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会拉长 阅读全文
posted @ 2020-12-16 11:22
飞奔的龟龟
阅读(773)
评论(0)
推荐(0)
摘要：
useMemo const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); 把“创建”函数和依赖项数组作为参数传入 useMemo，它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每 阅读全文
posted @ 2020-12-15 23:22
飞奔的龟龟
阅读(529)
评论(0)
推荐(0)
摘要：
import React from 'react' import { connect } from 'react-redux' import TodoList from '../components/TodoList' import {toggleTodo,VisibilityFilters} fr 阅读全文
posted @ 2020-08-12 14:52
飞奔的龟龟
阅读(249)
评论(0)
推荐(0)
摘要：
action是一个普通对象 里面必须有一个type字段，代表将要执行的行为，其他字段自己规划。 action只是描述了将要发生的事情并不能直接修改状态 action创建函数 尽量是一个纯函数，他返回的是action对象 middleware 接受一个next() 的dispatch函数，返回了一个d 阅读全文
posted @ 2020-08-05 17:27
飞奔的龟龟
阅读(107)
评论(0)
推荐(0)
摘要：
概念：在不使用class组件的情况下，允许你使用state和react的其他特性 产生背景：在组件之间公用相同的逻辑往往很难，在以前的解决方案是：高阶组件和render props 但是这类方案需要重新组织你的组件结构，这可能会很麻烦，使你的代码难以理解。 你可以使用 Hook 从组件中提取状态逻辑 阅读全文
posted @ 2020-07-23 17:41
飞奔的龟龟
阅读(245)
评论(0)
推荐(0)
摘要：
受控组件处理表单数据是交给react内部的状态来处理，而非受控组件可以通过ref 交给dom来处理 1、受控组件的表单处理 import React, { Component } from 'react'; import ReactDOM from 'react-dom' import PropTy 阅读全文
posted @ 2020-07-22 17:54
飞奔的龟龟
阅读(231)
评论(0)
推荐(0)
摘要：
1、在dom元素中直接使用ref 意思就是可以在组件中创建一个dom节点的textInput，并将ref直接绑定到他 <script src="https://unpkg.com/@babel/standalone/babel.js"></script> <script src="https://u 阅读全文
posted @ 2020-07-21 17:25
飞奔的龟龟
阅读(474)
评论(0)
推荐(0)
摘要：
我们知道，在JavaScript中，原生DOM事件在开发中是很有用的(与用户交互的重要方式)，但是操作原生DOM事件其实有两大缺点：性能低、依赖于浏览器(NodeJs、小程序等不可用)。那么这个时候，就需要我们进行自定义事件去处理某些特定的业务。 认识Event对象及元素的dispatchEvent 阅读全文
posted @ 2020-05-27 15:16
飞奔的龟龟
阅读(392)
评论(0)
推荐(0)
浙公网安备 33010602011771号