- 博客(4)
- 收藏
- 关注
RSS订阅原创 React入门指南
本文介绍了React前端框架的基础知识，包括其核心概念和开发实践。React是由Facebook开发的JavaScript库，采用组件化和虚拟DOM技术，提供高效的用户界面开发体验。文章详细讲解了JSX语法、组件（函数组件和类组件）、Props属性传递、State状态管理、事件处理、条件渲染和列表渲染等核心概念，并通过一个待办事项应用示例演示了实战开发。此外，还介绍了React Hooks（如useState和useEffect）以及最佳实践建议，帮助开发者构建可维护的应用。
2025-07-07 22:53:01
623
1
原创 前端虚拟列表实现
合理设置缓冲区：推荐3-5行，过大影响性能，过小影响体验固定行高：保证计算精度，避免复杂的动态高度计算智能缓存：结合LRU策略，平衡内存使用和访问速度异步渲染：大数据量计算使用setTimeout避免阻塞UI响应式适配：根据设备性能动态调整可视区域大小虚拟列表是前端性能优化的重要技术，通过按需渲染和智能缓存两大核心机制，能够在保证用户体验的前提下，大幅提升长列表的渲染性能。核心算法：基于滚动位置计算可视区域数据缓存策略：避免重复计算，提升切换速度性能监控：持续优化，量化改进效果最佳实践。
2025-06-26 12:37:48
1707
原创 带你理解JS原型和原型链
在与和我的后端朋友交流链表概念时，联想到了原型链。想到自己对原型链没什么了解，在参考一些文章和视频后（感谢网上的各位大佬！！！），带着自己的理解整理笔记如下，大家一起学习，最后还有原型链的应用场景引言大多面向对象的编程语言，比如java，都是通过类（class）实现对象的继承。JS的语言的继承不通过class，而是通过原型对象（prototype）实现，es6当中有类的继承，但是本质还是通过原型对象，为什么说继承可以减少资源的浪费呢，我们来看下面这个例子可以看到，按照常理来说，不同实例对象的属性值不同
2025-01-01 21:13:11
1505
原创 基于vue3写的一个抽签小demo
提供的是以毫秒为单位的时间戳，但在高频率的操作中，它仍然可能产生重复。当分配过程非常快速地进行（例如每50毫秒一次，或者像是数组遍历时），这会导致它们获得相同的。分配部分的主要逻辑我都附在下面了，值得留意的是，在遍历学生列表给distributionList push进每一项时，我原来是使用。这种方式是声明式的，能够更清晰地表达意图，并且在某些情况下性能更好。最后的话就是一些细节的处理，考虑到这个抽签可能会经常对相同的学生进行使用，所以进行了对数据的本地持久化存储。都是相同的，后面查询资料发现，虽然。
2024-12-07 10:24:32
268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人