- 博客(40)
- 收藏
- 关注
RSS订阅原创 TypeScript中any、unknown、never的区别
在 TypeScript 中，any、unknown 和 never 是三种特殊的类型，它们有各自的使用场景和区别： 1. any（任意类型，不安全） any 表示 任何类型，它绕过了 TypeScr
2025-04-22 09:21:30
262
原创 Git中git rebase 和 git merge使用及区别
sh复制编辑git checkout maingit merge feature # 最终合并
2025-04-11 09:40:50
550
原创 React 多个 HOC 嵌套太深，会带来哪些隐患？
在 React 中，使用多个 高阶组件（HOC，Higher-Order Component） 可能会导致组件层级变深，这可能会带来以下几个影响： 一、带来的影响 1、调试困难 由于组件被多个 HOC
2025-04-07 15:46:29
1597
原创 IndexedDB + 大文件上传：离线续传的最佳实践
前端大文件上传如何通过 IndexedDB 实现离线续传？ 在前端进行大文件上传时，可能会遇到网络中断、页面刷新或用户意外关闭页面的情况。使用 IndexedDB 可以存储已上传的文件切片，实现 断点
2025-03-26 09:22:39
561
原创 useState 是如何工作的？一文带你拆解 React 组件状态的秘密
useState 原理解析（React Hooks） useState 是 React 提供的 状态管理 Hook，用于在函数组件中添加 响应式状态。 它的核心原理是通过 闭包 + Fiber 机制
2025-03-24 09:50:24
951
原创 前端低代码的核心实现：组件化、可视化与动态渲染
前端低代码（Low-Code）主要是通过可视化拖拽、JSON 配置驱动 UI、动态组件渲染等方式来快速构建页面和业务逻辑。以下是常见的实现方式： 1. 低代码的核心概念 低代码前端主要依赖以下核心能力
2025-03-20 09:11:33
1885
原创 React 18 并发更新的工作原理与实战应用
在 React 18 版本中，引入了 并发更新（Concurrent Rendering） 的概念，这是一种新的渲染模式，允许 React 更加智能地协调 UI 更新，提高应用的流畅度和响应速度。 一
2025-03-17 09:27:56
1426
原创 H5和PC端开发区别
H5 和 PC 端开发的主要区别可以从以下几个方面来分析： 1. 适配方式 H5：需要考虑各种移动设备的屏幕尺寸，通常使用 响应式布局（flex、grid、media query） 或 移动端适配方案
2025-03-13 09:16:07
1898
原创 React 组件库：跨版本兼容的解决方案！
在封装 React 组件库后，不同 React 版本的项目引入可能会遇到或导致错误。这些问题通常是因为react和react-dom版本不兼容，或组件库与项目各自持有独立的 React 依赖。
2025-03-10 11:17:57
837
原创 组件封装避坑指南：少写1000行重复代码的秘诀！
一、前端组件的分类 前端组件可以按照 功能、用途、通用性 等不同维度进行分类，主要包括以下几类： 1. 按功能分类 展示型组件（UI 组件） 只负责 UI 视图渲染，不涉及业务逻辑 例如：按钮（But
2025-03-06 12:14:51
2586
原创 从入门到精通：JavaScript中判断Promise的完整方案
在 JavaScript 中，可以使用多种方式判断一个对象是否是。组合方式，具体选择哪种，取决于你的实际需求。：更精准，能区分真正的。
2025-03-03 09:13:38
1121
原创 React 样式隔离全攻略：避免全局污染的最佳实践！
在 React 中，有多种方式来隔离样式，避免全局样式污染或组件样式冲突。以下是几种常见的方式： 1. CSS Modules（推荐） CSS Modules 让 CSS 文件的类名自动变成局部作用域
2025-02-27 09:46:19
1796
1
原创 使用 Python + Tinify 高效批量压缩图片，优化 Webpack 打包速度！
（TinyPNG）库的图片压缩脚本，它可以。，减少 Webpack 打包时间，同时。，但是打包时间长，图片是。
2025-02-24 09:26:00
1066
原创 Node.js + Vue 实现Excel 导出与保存
后端 (Node.js + Express)在前端和后端项目分别安装。进行 Excel 下载。
2025-02-20 09:29:27
1157
原创 React Hooks：写代码就像挂钩子，越钩越上头！
一、核心原则 二、实现原理 useState实现原理 useEffect实现原理 useRef实现原理 useMemo实现原理 三、Hooks分类 页面相关Hooks useState（改变状态是异步
2025-02-19 09:35:27
445
原创 useMemo 和 memo 的理解和区别
React 中的这两个函数都带有 memo，看着比较相似，但是作用和使用场景却不一致。memo 的英文含义为，可以理解为保存，记忆之类，从字面意思可以猜测到它的作用。可能没有实战的童鞋还容易把这两个搞混，但是这两个函数有着完全不一样的功能，也不需要拿来比较，千万不要搞混了，今天就带大家一起来详细的分析一下这两个函数的作用和使用场景！
2025-02-17 12:10:05
614
原创 React源码解读
配置React源码本地调试环境 本次环境构建采用了node版本为16、react-scripts 版本号为 3.4.4，源码下载地址 https://gitee.com/laborer996/reac
2025-02-14 09:24:02
1012
原创 React历代主要更新
React Fiber是16版本之后的一种更新机制，使用链表取代了树，是一种fiber数据结构，其有三个指针，分别指向了父节点、子节点、兄弟节点，当中断的时候会记录下当前的节点，然后继续更新，而15版本中的DOM stack不能有中断操作，它把组件渲染的工作分片，到时会主动让出渲染主线程；提炼fiber的关键词，大概给出如下几点：fiber是一种数据结构。fiber使用父子关系以及next的妙用，以链表形式模拟了传统调用栈。fiber是一种调度让出机制，只在有剩余时间的情况下运行。
2025-02-13 09:41:22
2535
1
原创 来说一下 interface 和 type 的区别
TypeScript,可以为任何类型（包括原始类型、联合类型、元组等）定义别名，更灵活。都用于定义类型，但它们在设计目的、使用场景和特性上有一些关键区别。首先，我需要回顾一下这两个概念的基本定义和用途，在 TypeScript 中，（Object Shape），强调描述对象的结构（如属性、方法等）。两者并非完全互斥，实际项目中可以结合使用，根据场景选择最合适的工具。（Declaration Merging）：多次声明同名。不支持声明合并：重复定义同名。
2025-02-11 09:21:47
530
原创 DeepSeek：从入门到精通
一、Deepseek是什么？ • DeepSeek是一家专注通用人工智能（AGI）的中国科技公司，主攻大模型研发与应用。 • DeepSeek-R1是其开源的推理模型，擅长处理复杂任务且可免费商用。
2025-02-10 17:08:45
965
原创 Webpack 调优实战：让你的构建速度比同事还快
一、webpack5和webpack4之间重要的区别 二、安装 三、生命周期 生命周期hooks 使用hooks 四、webpack中的loader（转换器） 工作原理 多个 loader 通信 常用
2025-02-10 09:31:59
725
原创 现代前端工程化实践：高效构建的秘密
一、前端工程化错误监控 二、项目构建 1、脚手架开局（已废弃⚠️） 2、webpack开局（已废弃⚠️） 初始化项目空间 安装webpack和react相关依赖文件 在src目录配置index.js文
2025-02-08 10:25:38
1357
原创 浏览器与网络模块：你不知道的幕后故事
浏览器渲染步骤 HTTP 1.0/1.1/2.0/3.0、HTTPS的特性 HTTP 1.0： 确定了协议是无状态的，即同一客户端每次请求都没有任何关系 消息结构包含请求头和请求体 HTTP 1.1：
2025-02-06 09:24:59
1135
原创 Node.js学习指南
一、模块化规范 二、HTTP模块 HTTP模块 jsonp跨域 cors头跨域 三、URL模块 parse模块 format模块 resolve模块 新url模块 四、querystring模块 五、
2025-02-05 09:29:28
674
原创 ES2021+新特性、常用函数
一、ES2021+新特性 ES2021 数字分隔符 Promise.any 逻辑符号简写 ES2022 类的构造新写法 顶层await 字符串、数组的at()方法 正则表达式匹配字符串的时候支持返回开
2025-01-29 20:59:49
432
原创 学不会设计模式？来看看这些简单又实用的手写代码！
1. 单例模式 (Singleton) 特点：确保一个类只有一个实例，并提供全局访问点。 用途：常用于全局状态管理、配置管理等。 2. 工厂模式 (Factory) 特点：通过工厂方法动态创建不同类的
2025-01-25 10:17:55
686
原创 Vue3 源码揭秘：大佬为什么能秒懂？
源码讲解 Vscode安装插件 es6不能本地之间运行，需要node服务，否则跨域。 Vnode shapFlag shapeFlag中的位运算 instance组件实例 setup的执行 会在前后修
2025-01-24 10:01:57
598
原创 搞不懂 React？这篇入门教程教会你从头到尾！
React 入门基础（超详细！） 一、核心设计 React Fiber React虚拟DOM React Diff算法 二、组件和基础 组件生成方式（命令式） 组件的生成方式（声明式）受控 非受控组件
2025-01-23 08:00:00
753
原创 Express和Koa2中间件的使用
express作者和koa是同一个团队，重点学koa2，并且研究它的原理。 第一章 Express 文档地址： http://expressjs.com/en/starter/hello-world.
2025-01-21 09:24:27
1180
原创 React服务端渲染SSR原理
文章主要介绍了React服务端渲染SSR的原理，包括浏览器渲染页面的步骤，SSR对C端网站的优势，如易传播性（爬虫精度更高，有利于SEO）、交互稳定性（首屏时间更短），还提及了SSR环境搭建，如工程化、代码lint、webpack配置、路由安装、动态设置页面head及相关依赖安装等。
2025-01-20 09:44:56
1374
原创 React项目优化
项目难亮点优化 一、使用React.memo 对于纯组件(Pure Components)， 使用 React.memo 包装，防止不必要的重染。 二、使用useCallback和useM
2025-01-16 09:26:53
871
原创 Webpack项目优化(二)
webpack5 文档webpack.docschina.org/concepts/#e… 十六、优化16：将npm的依赖打成公共的vendor 十七、难点亮点17： 对vendor打包的进一步优化
2025-01-15 09:47:45
756
原创 防抖和节流
防抖：控制事件只在“空闲时”触发，适合频繁触发的场景。节流：控制事件在“固定间隔”内触发，适合需要平滑触发的场景。根据实际需求，灵活选择或二次封装即可满足开发场景。
2025-01-14 14:49:09
573
原创 Webpack项目优化(一)
webpack难点亮点 webpack5 文档 https://webpack.docschina.org/concepts/#entry 一、优化1： 入口文件优化，提取公共的包 二、难
2025-01-13 10:19:12
1230
原创 一天彻底搞懂Vue2原理
想要一天彻底搞懂 Vue 2 的原理，确实是一项挑战，但并非不可能。下面是一个学习计划，以及补充Vue2原理的重要性和实际价值的说明。
2025-01-10 15:25:33
256
原创 Vue3-Pinia的基本使用
在 Vue 3 中，Pinia 是推荐的状态管理库，它以简单、灵活、类型安全等优点被认为是 Vuex 的继任者。以下是 Vue 3 + Pinia 的详细使用讲解，包括安装、基础配置、使用状态管理、处理异步操作和持久化数据等。
2025-01-09 10:38:26
232
DeepSeek：从入门到精通-国产开源通用人工智能推理模型的应用与优化
2025-02-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人