🍪🧁🍧
2025年5月17日
短链接生成原理
摘要： 用户通过短链发送一个http的GET请求，对应的API解析得到对应的长链接，然后重定向到长链接 此处有一个问题，为什么要用302不用301？ 301是永久重定向，302是临时重定向。短地址一经生成就不会变化，所以用301是符合http语义的。但是如果用了301， Google，百度等搜索引擎，搜索的 阅读全文
posted @ 2025-05-17 00:45 不想吃fun 阅读(99) 评论(0) 推荐(0)
DNS寻址：按照顺序逐级查找，找到了就返回
摘要： tips: 域名：主机名.二级域名.顶级域名.根域名 浏览器DNS缓存 可以清除 输入edge://net-internals/#dns地址 其中一个关键参数是缓存记录的“生存时间”（TTL，Time-To-Live）、它指示了DNS记录在缓存中保存的时长之前需要进行刷新 由域名注册者在域名注册商提 阅读全文
posted @ 2025-05-17 00:19 不想吃fun 阅读(24) 评论(0) 推荐(0)
2025年5月15日
箭头函数和普通函数的区别
摘要： this指向 箭头函数没有自己的this 在箭头函数内调用this时，指向他的外层函数的this，如果他外层没有函数，那就指向全局对象，且this指向不可变，由定义时决定 prototype 没有自己的prototype，所以不能用new来构建对象 会报错这个函数is not a construct 阅读全文
posted @ 2025-05-15 17:59 不想吃fun 阅读(7) 评论(0) 推荐(0)
计时器
摘要： 计时器组件 import { useEffect, useState } from "react" export default function SetTime(props){ const initialCount=props.counts?props.counts:0 const [time,s 阅读全文
posted @ 2025-05-15 00:06 不想吃fun 阅读(8) 评论(0) 推荐(0)
2025年5月14日
zustand
摘要： Zustand 是一个为 React 设计的小巧、快速、可扩展的状态管理库，核心特点是 API 简洁、几乎无模板代码。 创建 Store: 使用 create((set, get) => ({...})) 方法。 set(partialState | (state => partialState)) 阅读全文
posted @ 2025-05-14 23:49 不想吃fun 阅读(39) 评论(0) 推荐(0)
React.lazy()原理
摘要： React.lazy() 是 React 提供用于代码分割 (code splitting) 的一个核心功能。它允许我们延迟加载组件的代码，直到该组件首次需要被渲染时才进行加载，这有助于优化应用的初始加载时间和性能。其实现主要依赖于 JavaScript 的动态 import() 语法和 React 阅读全文
posted @ 2025-05-14 23:40 不想吃fun 阅读(54) 评论(0) 推荐(0)
React的性能提升
摘要： 为什么选择 React 及其性能优化策略 React 是一个用于构建用户界面的 JavaScript 库，自发布以来因其高效、灵活和强大的生态系统而广受欢迎。选择 React 主要基于以下原因，同时它也内置了多种性能优化机制。 一、为什么选择 React？ 组件化架构 (Component-Base 阅读全文
posted @ 2025-05-14 23:37 不想吃fun 阅读(35) 评论(0) 推荐(0)
浏览器缓存
摘要： 浏览器缓存策略详解 一、为什么需要浏览器缓存？ 提升性能：用户再次访问时，可以直接从本地加载资源，速度远快于从服务器下载，缩短页面加载时间。 减少服务器负载：减少了对服务器的请求次数，降低服务器压力。 节省带宽：减少了不必要的数据传输。 二、缓存位置 浏览器缓存的资源可能存储在几个不同的位置，优先级 阅读全文
posted @ 2025-05-14 23:34 不想吃fun 阅读(33) 评论(0) 推荐(0)
Hook 原理
摘要： React Hook 原理 React Hook 允许我们在函数组件中使用 state 和其他 React 特性，其核心原理主要依赖以下几点： 1. 闭包 (Closures) 每个 Hook (如 useState, useEffect) 在组件的每次渲染中被调用时，都会形成一个闭包。 useSt 阅读全文
posted @ 2025-05-14 23:29 不想吃fun 阅读(60) 评论(0) 推荐(0)
React中的闭包陷阱
摘要： React 中的闭包陷阱 1. 什么是闭包？ 在 JavaScript 中，闭包是指函数能够记住并访问其词法作用域（定义该函数时所在的作用域），即使该函数在其词法作用域之外执行。 2. React 中闭包的应用场景 React 函数组件本身以及在其中定义的函数（如事件处理函数、useEffect 的 阅读全文
posted @ 2025-05-14 23:28 不想吃fun 阅读(122) 评论(0) 推荐(0)