自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(46)
  • 收藏
  • 关注

原创 前端如何处理后端一次性返回的多条(10000条,100000条)数据

【代码】前端如何处理后端一次性返回的多条(10000条,100000条)数据。

2025-04-12 15:37:21 160

原创 详细讲一下 Webpack 主要生命周期钩子流程(重难点)

【代码】详细讲一下 Webpack 主要生命周期钩子流程(重难点)

2025-03-13 22:13:14 682

原创 详细的将一下 React 的 diff 算法,干货满满

这就是 React 的 diff 算法的详细解释。它是 React 性能优化的核心,理解它可以帮助我们写出更高效的 React 应用。当组件类型相同时,React 会复用组件实例,只更新 props。React 只会对同层级的节点进行比较,不会跨层级比较。当组件类型不同时,React 会卸载旧组件,创建新组件。

2025-03-04 23:36:05 522

原创 详细讲一下webpack中五个优化能力十分强大的插件(1-5)

1.TerserPlugin:压缩 JavaScript,减少文件大小。重要配置:compress、output、extractComments。2. CssMinimizerPlugin:压缩 CSS,优化样式文件。重要配置:parallel、minimizerOptions。3. HtmlWebpackPlugin:自动生成 HTML 文件,简化资源管理。重要配置:template、filename、minify。

2025-03-03 22:23:35 1237

原创 详细的讲一下Vite 在 Vue3 项目中最常用和最重要的配置项

以上就是 Vite 在 Vue3 项目中最常用和最重要的配置项。每个配置项都有其特定的用途,可以根据项目需求灵活配置。建议根据实际项目需求选择合适的配置项进行配置。

2025-02-17 16:21:11 550

原创 详细介绍 一下Tailwind CSS 在 Vite 项目中的配置和使用

【代码】详细介绍 一下Tailwind CSS 在 Vite 项目中的配置和使用。

2025-02-16 21:37:47 522

原创 详细介绍 React Native 的动画系统。主要包括 Animated 组件的各种用法:

这些示例涵盖了 React Native 动画的基础用法。每个动画都可以根据需要进行组合和调整,创建更复杂的动画效果。记住要合理使用 useNativeDriver 来提高动画性能。

2025-01-27 23:03:03 1160

原创 詳細講一下RN(React Native)中的列表組件FlatList和SectionList

【代码】詳細講一下RN(React Native)中的列表組件FlatList和SessionList。

2025-01-24 23:56:45 1155

原创 詳細講一下在RN(ReactNative)中,6個比較常用的組件以及詳細的用法

这些是最基础也是最常用的组件,每个组件都有很多配置项和样式属性。

2025-01-23 00:09:33 886

原创 詳細講一下mobx的在ReactNative中的用法,包含下載,配置。

【代码】詳細講一下mobx的在ReactNative中的用法,包含下載,配置。

2025-01-22 23:45:52 833

原创 详细解释 Vue 中的 h 函数和 render 函数:

Vue中的h函数和render函数是Vue中非常重要的函数,对Vue有着不可以或缺的作用,接下来让我们了解一下!// 1. h 函数的基本使用/** * h 函数是 createVNode 的别名,用于创建虚拟 DOM 节点(VNode) * h 函数参数: * - type: 标签名/组件 * - props: 属性对象(可选) * - children: 子节点(可选) */// 1.1 创建简单元素const vnode = h('div', { class: 'test'

2025-01-09 21:49:27 742 1

原创 详细介绍 React 中 i18n 的完整使用流程:

接下来按照步骤,让我们来完成!// 1. 首先安装必要的依赖// npm install i18next react-i18next i18next-http-backend i18next-browser-languagedetector// 2. 创建 i18n 配置文件 (src/i18n/index.js)import i18n from 'i18next'import { initReactI18next } from 'react-i18next' // react-i18ne

2025-01-09 16:48:32 826

原创 详细讲一下什么是闭包,为什么会产生闭包,闭包会导致什么,闭包可以帮助我们在开发中干什么

简单理解:闭包就是一个函数能够记住并访问它的外部变量,即使这个函数在其他地方执行专业定义:闭包是一个函数以及其周围状态(词法环境)的引用的组合// 1. 防抖 (Debounce)// 作用:将多次连续的函数调用合并成一次,常用于搜索框输入、窗口调整等let timer = null // 使用闭包保存定时器// 每次触发时,清除之前的定时器// 设置新的定时器}, delay)// 防抖使用示例console.log('搜索关键词:', keyword)}, 300)

2025-01-08 22:06:22 764

原创 详细介绍Vue中i18n的使用方法:

i18n(Internationalization的缩写,18代表首尾字母之间的字母数)是"国际化"的简称。它的主要目的是让应用程序能够适应不同的语言和地区的需求。为什么需要i18n?全球化需求,应用需要服务不同国家的用户,满足多语言市场的业务拓展需求,提升产品的国际竞争力。i18n不仅仅是一个翻译工具,而是一个完整的国际化解决方案,它能够帮助我们更好地开发和维护国际化应用,提升用户体验和开发效率。在现代web开发中,i18n已经成为构建全球化应用的必要工具。

2025-01-07 23:07:29 1500

原创 详细讲一下Vue的路由Vue Router的安装,配置,基础用法和详细用法以及实践中应用

【代码】详细讲一下Vue的路由Vue Router的安装,配置,基础用法和详细用法以及实践中应用。

2025-01-07 22:55:11 1159 1

原创 详细讲一下day.js的基础用法,干货满满

【代码】详细讲一下day.js的基础用法,干货满满。

2025-01-06 11:12:26 1649

原创 详细讲一下Canvas标签的基础使用和应用场景

4. 初学者注意事项。

2025-01-05 11:45:07 544

原创 (美团面试题)当页面加载后发生大量的ajax请求,如何优化

【代码】(美团面试题)当页面加载后发生大量的ajax请求,如何优化。

2025-01-05 00:26:38 650

原创 详细讲一下Prettier对我们日常开发的作用,以及详细用法

/ Prettier 是代码格式化工具,它可以自动调整代码格式// 比如把这样的代码:return a+b;

2025-01-04 21:49:09 473

原创 详细讲讲Window对象中常用的方法

【代码】详细讲讲Window对象中常用的方法。

2025-01-04 00:28:13 353

原创 详细讲一下ahooks中的好用方法(11-20),非常干货

【代码】详细讲一下ahooks中的好用方法(11-20),非常干货。

2025-01-03 20:44:54 349

原创 通俗易懂的讲一下Vue的双向绑定和React的单向绑定

【代码】通俗易懂的讲一下Vue的双向绑定和React的单向绑定。

2025-01-03 20:33:46 878

原创 详细讲一讲 JavaScript中对象的常用方法

/ 定义属性writable: true, // 是否可写enumerable: true, // 是否可枚举configurable: true // 是否可配置})// 定义访问器属性get() {},})

2025-01-02 20:11:49 1329

原创 详细讲一下React中Redux的持久化存储(Redux-persist)

/ 使用 sessionStorage// 使用 AsyncStorage (React Native)

2025-01-02 12:34:44 1037

原创 详细讲讲 (1-10) ahooks 中最实用的 hooks:

2.useToggle - 状态切换3.useUpdateEffect - 忽略首次执行的 useEffect4.useDebounce - 防抖值 5.useInterval - 定时器6 useBoolean - 布尔值管理7.useMount - 组件挂载时执行8.useUnmount - 组件卸载时执行9.useLocalStorageState - localStorage 状态管理10.useSize - 元素尺寸监

2025-01-01 23:00:31 722

原创 详细讲一下VueUse(11-20)中我认为好用且常用的方法

【代码】详细讲一下VueUse(11-20)中我认为好用且常用的方法。

2025-01-01 12:39:42 708

原创 详细讲一下VueUse(1-10)中我认为好用且常用的方法

【代码】详细讲一下VueUse(1-10)中我认为好用且常用的方法。

2024-12-31 17:26:34 657

原创 详细讲解 Vue3 路由组件的动态动效(路由动画)

3.处理过渡过程中的交互。1.选择合适的过渡模式。

2024-12-31 12:35:17 843

原创 详细讲一下Vue3中的Transition组件用法(动画)

自定义动画

2024-12-30 16:49:31 891

原创 详细讲一下在 Vite 项目中如何使用 SVG 图标(干货满满)

首先需要安装必要的依赖。1. 创建图标管理器。

2024-12-30 12:43:37 910

原创 详细讲一讲webpack部分的配置(入口和输出配置,模块处理配置(Loader),插件配置(Plugins),优化配置, 开发服务器配置,解析配置,性能配置

【代码】详细讲一讲webpack部分的配置(入口和输出配置,模块处理配置(Loader),插件配置(Plugins),优化配置, 开发服务器配置,解析配置,性能配置。

2024-12-29 22:09:24 814

原创 详细讲一下在Vue3中如何纯手写实现图片的懒加载和预加载,以及使用Vueuse中的方法(useIntersectionObserver, useImage)如何实现

/ 图片进入可视区域})})// main.js// 使用。

2024-12-29 16:50:28 639

原创 详细说一下Axios的用法,非常干货!

每个部分都有详细的注释说明,便于理解和使用。这种方案可以作为一个完整的项目请求层解决方案。

2024-12-27 23:07:24 434

原创 详细讲一下React中的路由React Router

这些内容涵盖了 React Router 的主要使用方法。

2024-12-27 20:57:38 1027

原创 详细的讲一下React中的Redux

1. Store:存储状态的容器2.Action:描述发生了什么的普通对象3.Reducer:定义状态如何更新的纯函数4Dispatch:发送 action 的方法5.Subscribe:订阅 store 变化的方法5. 创建 Action Creators6. 创建 Reducers7. 合并 Reducers8. 在 React 中使用9. Redux Toolkit 使用(推荐)10. 中间件使用1.使用 Redux

2024-12-26 23:13:59 815

原创 详细讲一下Pinia的用法,和pinia持久化的用法

count: 0,items: []}),getters: {// 使用 this 访问 state},actions: {},},// 4. 持久化配置persist: {// 持久化的key// 持久化的位置// 指定要持久化的数据,默认所有 state 都会持久化})

2024-12-26 19:00:16 417

原创 详细讲一下Vue和React的区别,超级细致版本

设计理念:Vue:更注重开发体验,提供完整的框架体系React:更注重编程思想,提供基础的框架能力学习曲线:Vue:相对平缓,容易上手React:需要掌握更多 JavaScript 概念数据处理:Vue:响应式系统,自动追踪依赖React:手动调用 setState 触发更新模板语法Vue:模板语法 + 指令系统React:JSX + JavaScript 表达式状态管理:Vue:Vuex/Pinia,集成度高。

2024-12-25 23:54:02 513

原创 详细介绍 JavaScript 数组的常用方法

建议根据具体需求选择合适的方法,并注意是否会修改原数组。

2024-12-25 12:52:26 369

原创 详细讲一下Vue3的生命周期

2. 在 onMounted 中进行 DOM 操作和 API 调用。1.使用组合式 API 时,优先使用 setup 函数。1.setup 函数是组合式 API 的入口点。2.生命周期钩子需要在 setup 内同步调用。3.在 onUnmounted 中清理资源。3. 可以多次调用同一个生命周期钩子。4.合理使用响应式 API。5.注意内存泄漏问题。

2024-12-24 23:44:15 843

原创 详细讲一下React的生命周期

【代码】详细讲一下React的生命周期。

2024-12-24 23:38:05 379 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除