摘要：
什么是迭代 類似于遍歷 遍歷：有多個數據組成的集合數據結構（map、set、array等其他類數組），需要從該結構中依次取出數據進行某種處理。 迭代：按照某種邏輯，依次取出下一個數據進行處理。 什么是迭代器 iterator JS語言規定，如果一個對象具有next方法，并且next方法滿足一定的約束 閱讀全文
posted @ 2025-05-23 14:03
飛奔的龜龜
閱讀(288)
評論(0)
推薦(0)
摘要：
中間件（Middleware）是軟件開發中一種常見的設計模式，其核心思想是?在核心邏輯的執行過程中插入可擴展的附加功能模塊?。以下是中間件的核心概念和特點： ?一、中間件的本質 中間件本質上是 ?"業務邏輯的增強層"?，它像流水線上的加工環節，對輸入的數據或事件進行預處理、攔截或后處理，但不改變核心 閱讀全文
posted @ 2025-05-15 10:54
飛奔的龜龜
閱讀(536)
評論(0)
推薦(0)
摘要：
getDerivedStateFromProps 是 React 生命周期中的一個靜態方法，主要用于在組件接收到新的 props 時更新 state。這個方法在組件的初始渲染和后續的每次更新（即每次接收到新的 props 或 state）時都會被調用。 詳解 靜態方法：這意味著你不能在這個方法中使用 閱讀全文
posted @ 2025-02-11 10:45
飛奔的龜龜
閱讀(396)
評論(0)
推薦(0)
摘要：
一直以來有這么個疑問? class 的方法中沒有自動的綁定this 為什么手動綁定之后，在綁定之后的方法里調用class中的其他的方法（這個方法為什么就能使用this，不也應該是null或者undefined或者window嗎） 還是說這就是class的機制？ 于是帶著這個疑問去尋找答案 在 Jav 閱讀全文
posted @ 2025-01-17 14:24
飛奔的龜龜
閱讀(397)
評論(2)
推薦(0)
摘要：
任務分解 一、繪制棋盤 二、綁定事件 1、先計算出需要繪制棋子的坐標 即將來繪制的棋子在哪個單元格內 2、繪制棋子 首先判斷棋子是否存在 應該添加到哪個單元格內，分四種情況： 1.1 正常情況 1.2 最右側 超出邊界只能放在最后一個單元格內 1.3 左下側 超出邊界只能放在最后一個單元格內 1.4 閱讀全文
posted @ 2024-10-24 16:27
飛奔的龜龜
閱讀(122)
評論(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
飛奔的龜龜
閱讀(27)
評論(0)
推薦(0)
摘要：
普及知識：放大鏡特效涉及到的幾個值 offsetWidth 獲取元素的寬度offsetHeight 獲取元素的高度offsetLeft父元素沒有定位時，獲取元素距離頁面的左邊距，父元素有定位時，獲取元素距離父元素的左邊距offsetTop父元素沒有定位時，獲取元素距離頁面的上邊距，父元素有定位時，獲 閱讀全文
posted @ 2024-09-29 15:12
飛奔的龜龜
閱讀(118)
評論(0)
推薦(0)
摘要：
如上圖：模仿chatgpt 光標文字輸出效果 技術要點 1、模仿chatgpt 打字輸出效果 循環中使用異步等待 每隔一段時間輸出一段文字 代碼如下： async function autoAppend(){ function transfer(text){ let div = document.c 閱讀全文
posted @ 2024-07-25 14:28
飛奔的龜龜
閱讀(65)
評論(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
飛奔的龜龜
閱讀(12)
評論(0)
推薦(0)
摘要：
傳統上，開發人員在 JavaScript 類中為實例中可能需要的任何數據創建屬性。對于在構造函數中隨時可用的小塊數據來說，這不是問題。但是，如果在實例中可用之前需要計算某些數據，您可能不想預先支付該費用。例如，考慮這個類： class MyClass { constructor() { this.d 閱讀全文
posted @ 2021-06-18 17:48
飛奔的龜龜
閱讀(340)
評論(0)
推薦(0)
摘要：
目錄 引子 隱式丟失 硬綁定 實現及原理分析 總體實現(純凈版/沒有注釋) 寫在最后 引子# 讀完《你不知道的JavaScript--上卷》中關于this的介紹和深入的章節后,對于this的指向我用這篇文章簡單總結了一下。接著我就想著能不能利用this的相關知識,模擬實現一下javascript中比 閱讀全文
posted @ 2021-04-16 14:05
飛奔的龜龜
閱讀(87)
評論(0)
推薦(0)
摘要：
前言 開發多頁應用的時候，如果不對webpack打包進行優化，當某個模塊被多個入口模塊引用時，它就會被打包多次（在最終打包出來的某幾個文件里，它們都會有一份相同的代碼）。當項目業務越來越復雜，打包出來的代碼會非常冗余，文件體積會非常龐大。大體積文件會增加編譯時間，影響開發效率；如果直接上線，還會拉長 閱讀全文
posted @ 2020-12-16 11:22
飛奔的龜龜
閱讀(772)
評論(0)
推薦(0)
摘要：
useMemo const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); 把“創建”函數和依賴項數組作為參數傳入 useMemo，它僅會在某個依賴項改變時才重新計算 memoized 值。這種優化有助于避免在每 閱讀全文
posted @ 2020-12-15 23:22
飛奔的龜龜
閱讀(528)
評論(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
飛奔的龜龜
閱讀(248)
評論(0)
推薦(0)
摘要：
action是一個普通對象 里面必須有一個type字段，代表將要執行的行為，其他字段自己規劃。 action只是描述了將要發生的事情并不能直接修改狀態 action創建函數 盡量是一個純函數，他返回的是action對象 middleware 接受一個next() 的dispatch函數，返回了一個d 閱讀全文
posted @ 2020-08-05 17:27
飛奔的龜龜
閱讀(106)
評論(0)
推薦(0)
摘要：
概念：在不使用class組件的情況下，允許你使用state和react的其他特性 產生背景：在組件之間公用相同的邏輯往往很難，在以前的解決方案是：高階組件和render props 但是這類方案需要重新組織你的組件結構，這可能會很麻煩，使你的代碼難以理解。 你可以使用 Hook 從組件中提取狀態邏輯 閱讀全文
posted @ 2020-07-23 17:41
飛奔的龜龜
閱讀(244)
評論(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
飛奔的龜龜
閱讀(473)
評論(0)
推薦(0)
摘要：
我們知道，在JavaScript中，原生DOM事件在開發中是很有用的(與用戶交互的重要方式)，但是操作原生DOM事件其實有兩大缺點：性能低、依賴于瀏覽器(NodeJs、小程序等不可用)。那么這個時候，就需要我們進行自定義事件去處理某些特定的業務。 認識Event對象及元素的dispatchEvent 閱讀全文
posted @ 2020-05-27 15:16
飛奔的龜龜
閱讀(390)
評論(0)
推薦(0)
浙公網安備 33010602011771號