- 博客(111)
- 收藏
- 关注
原创 JavaScript字符串本地化比较:全面掌握localeCompare方法
localecompare是JavaScript字符串对象的内置方法,用于实现基于本地化规则的字符串比较。它不仅能进行基本的字母顺序比较,还能正确处理特定语言的排序规则(如德语变音符号、瑞典字母顺序等)。为处理国际化字符串比较提供了强大支持,通过灵活的参数配置可以满足:多语言环境下的正确排序复杂字符的智能处理数字与文本的混合排序用户自定义的排序需求掌握该方法的关键点:理解sensitivity不同级别的差异合理选择语言区域代码大数据场景使用Collator优化注意不同平台的实现差异。
2025-03-28 08:53:04
770
1
原创 【react】类组件和函数组件的区别
本文详细描述了react中类组件和函数组件的区别,分别从八个方面详细阐述它们的区别:定义方式、状态管理、生命周期方法、性能优化、语法简洁性、Hooks的使用
2025-03-26 08:50:36
498
原创 【vue】vue + vant实现上传图片添加水印
本文详细描述了vue和vant实现图片上传水印的两个方法:使用html2canvas和使用纯canvas操作直接绘制水印文本,并使用vant的van-uploader组件中的after-read事件,在其中调用水印处理函数
2025-03-26 08:40:50
406
原创 【react】实现路由返回拦截的多种方式
本文详细介绍react路由拦截实现的多种方式 包括react router v5和react router v6两个路由版本的差别
2025-03-25 14:44:31
1087
原创 【Vue】 Vue 3 Composition API深度解析(用“乐高积木“思维重构组件逻辑)
本文详细描述了Vue 3 Composition API深度解析,Composition API 的核心优势在于逻辑关注点分离和更好的代码复用。通过将组件逻辑拆分为独立的函数单元,开发者可以像搭积木一样构建复杂应用。
2025-03-25 12:01:15
1182
原创 【react】react中的<></>和React Fragment的用法及区别详解
本文详细介绍了React中的空标签(即<>...</>)和Fragment,并说明空标签和Fragment是什么,为什么要使用,如何使用以及它俩之间的区别还有使用时的注意事项以及总结
2025-03-14 09:20:55
843
原创 【three.js】三维坐标系深度解析与工业级应用实践
本文详细介绍了三维坐标系转换的核心算法,包括世界矩阵分解和投影矩阵的逆向工程。现有的代码片段展示了如何获取物体的世界矩阵和相机的视图矩阵,并列举出案例等等
2025-03-11 13:49:44
392
1
原创 【three.js】三维交互核心技术 - 射线检测与物理级拖拽实现
本文详细讲述了射线检测的数学原理(LOD分级检测),拖拽系统及其性能优化等实际应用案例和常见问题
2025-03-11 09:14:23
1283
原创 【three.js】动画系统完全指南 - 从事件循环到工业级动画架构
本文详细阐述了动画系统中的requestAnimationFrame,还有对比setInterval,详细解释事件循环、帧率控制、Delta Time的计算,以及如何结合Three.js的Clock类。补间动画部分需要详细讲解Tween.js的每个参数,缓动函数的选择,链式动画的实现,以及内存管理的问题。
2025-03-10 17:24:02
1124
原创 git安装,配置SSH公钥(查看版本、安装路径,更新版本)git常用指令
本文详细介绍了git下载安装过程、ssh公钥配置过程,git查看安装路径,查看版本,更新版本的指令,还有git常用指令
2025-03-10 13:49:26
1483
原创 React性能优化体系(七):WebAssembly在React生态的应用突破
本文深入探讨WebAssembly(WASM)在React生态中的革命性应用,系统解析其技术原理与实战价值。作为二进制指令格式,WASM凭借接近原生代码的性能、安全沙箱及多语言支持,为React应用突破性能瓶颈提供全新路径。文章从核心架构出发,剖析WASM与React的交互模式,包括模块化加载、内存共享及零拷贝通信等关键技术,并通过图像处理(性能提升8-12倍)、3D物理引擎等场景展示实战优化效果。针对开发全流程,详解Rust工具链配置、Webpack/Vite构建优化及Chrome混合调试方案
2025-03-07 11:42:29
546
原创 React性能优化体系(六):从渲染到编译的全链路调优指南
本文详细讲述了react性能优化的相关内容,例如渲染性能调优、React DevTools Profiler实战、虚拟列表和懒加载、编译时优化、React Forget编译器前瞻,以及代码分割和Preact兼容方案。等等
2025-03-07 11:39:27
24
原创 React路由与数据流革命(五):从URL到数据管道的全栈实践
本文全面解析了React Router v6的架构变革,强调了路由即组件的核心理念,并展示了动态路由的工业级实践。同时,文章探讨了数据流的新范式,包括Loader+Action模式以及SWR与React Query的数据获取机制。此外,还介绍了Server Components带来的数据革命,以及全栈博客系统的实战架构。文章还提供了避坑指南与性能优化策略,旨在帮助开发者更好地应对实际应用中的挑战。最后,文章展望了未来全栈数据流趋势,并介绍了相关代表框架的核心创新。
2025-03-07 11:08:51
993
原创 【react】状态管理Context
本文详细介绍了Context的作用、如何创建和使用Context,包括Provider和Consumer的用法,以及useContext钩子。使用Context时的注意事项,比如性能问题,避免不必要的渲染,以及何时应该选择Context而不是其他状态管理库等等
2025-03-03 16:35:42
748
原创 React状态管理进阶(四):从Redux到原子革命的终极指南
本文通过横向对比 → 工业级实践 → 性能核武 → 未来趋势的四维解析,既帮助新手建立清晰的技术选型认知,又给予资深开发者可直接复用的高阶模式
2025-02-28 10:47:20
789
原创 React Hooks深度革命(三):从闭包陷阱到性能核弹级优化
本文通过原理深挖 → 防坑指南 → 性能核弹 → 实战演练的递进式设计,既帮助新手建立正确心智模型,又给予中高级开发者可直接落地的进阶方案。
2025-02-28 10:20:13
1098
原创 React组件化深度解析(二):从受控组件到生命周期现代化
本文通过设计模式解析+生命周期现代化改造+企业级案例实战的三层递进结构,帮助开发者掌握组件设计的精髓,并平滑过渡到React最新实践。
2025-02-28 09:58:02
976
原创 React入门基础(一):为什么说React是现代前端的必然选择?
本文章通过技术对比+原理剖析+实战编码的三位一体结构,既展现React的技术优势,又给出落地实践方案,帮助读者建立完整的认知体系。
2025-02-27 14:45:16
1550
原创 【react】TypeScript在react中的使用
本文详细介绍了TypeScript 在 React 中的使用指南,涵盖函数组件、类组件、Hooks、状态管理等核心场景,并结合代码示例和最佳实践
2025-02-26 10:13:44
604
原创 【TypeScript】TypeScript的应用实例
本文详细介绍了TypeScript 在不同场景下的实际应用实例,涵盖前端、后端、工具开发等方向,结合代码示例和最佳实践,以及在react框架中使用等
2025-02-26 09:34:28
1174
原创 【react】进阶教程02
深入研究 React 的 Fiber 架构与调度机制。使用 Profiler 分析组件渲染性能。:从单体应用到微前端架构的迁移策略。查看组件 Hooks 依赖关系图。:电商后台管理系统、实时协作工具。:阅读 React 核心算法。处理大数据量列表时,使用。追踪不必要的渲染原因。
2025-02-24 10:35:14
1034
原创 【HTML期末大作业】——HTML+CSS+JavaScript 电商网站
html文件包括:index.html是首页,还有其他样式的首页和其他html二级页面css文件包括:css全部页面样式、插件样式、响应式布局样式、放大效果、动画效果等js文件包括:bootstrap、jq、js实现动态轮播特效, 表单提交, 点击事件等等。
2025-02-06 11:04:28
563
原创 【TypeScript】TypeScript 运算符
本文概述了TypeScript中的多种运算符,包括算术、逻辑、关系、按位、赋值、三元/条件、字符串和类型运算符。算术运算符执行基本的数学运算,逻辑和关系运算符用于布尔判断,按位运算符处理二进制位操作,赋值运算符用于变量赋值,三元运算符提供条件表达式,字符串运算符通过加号连接字符串。类型运算符如typeof和instanceof用于类型检查和实例验证。短路逻辑运算符&&和||能避免不必要的计算,提高代码效率和安全性。文章通过示例展示了这些运算符的使用方法和场景。
2025-01-23 14:26:58
812
原创 【TypeScript】TypeScript Number、字符串
本文介绍了TypeScript中的Number对象和类的基本概念和使用建议。Number对象是原始数值的包装对象,提供了额外的属性和方法,但会带来性能开销和类型混淆,因此更推荐使用基本的number类型。TypeScript支持面向对象编程,类描述了对象的共同属性和方法,可以使用extends关键字实现类的继承,并通过super关键字调用父类的构造函数和方法。此外,TypeScript还支持静态成员、访问控制修饰符和instanceof运算符等特性。最后,文章提到类可以实现接口,使用implements关键
2025-01-23 13:41:18
969
原创 【TypeScript】命名空间、模块、声明文件
本文详细介绍了TypeScript命名空间、TypeScript模块、TypeScript声明文件的
2025-01-23 09:20:43
1058
web期末大作业静态电商网站
2025-02-07
react前端面试题大全超详细答案
2025-02-07
网络:一、网络基础 二、路由协议 三、交换网络 四、信息安全技术
2024-06-11
JavaScript各种小案例,还有jQuery相关案例
2024-06-05
vue.js项目开发综合实践习题
2024-06-04
vue项目开发综合实践笔记
2024-06-04
数据结构相关知识点的思维导图
2024-06-03
vue基础知识及思维导图,安装脚手架详细过程
2024-06-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人